ゆっくりでもできる 演算子

• 概要

演算子を使って足し算と引き算を行います。

• 演算子

演算子はいくつかの記号で構成され、
計算や論理的な記述を行うときに用いられます。
例：+,-,*,/,=,<,&&,||...etc

以下は(+)を使って足し算、
(-)を使って引き算を行う例です。

Move.vbs

Sub RightMove_OnClick
X_POINT = Document.GetElementById("ゆっくり_png").hspace
Document.GetElementById("ゆっくり_png").hspace = X_POINT + 100
End Sub

Sub LeftMove_OnClick
X_POINT = Document.GetElementById("ゆっくり_png").hspace
Document.GetElementById("ゆっくり_png").hspace = X_POINT - 100
End Sub

Sub UpMove_OnClick
Y_POINT = Document.GetElementById("ゆっくり_png").vspace
Document.GetElementById("ゆっくり_png").vspace = Y_POINT - 100
End Sub

Sub DownMove_OnClick
Y_POINT = Document.GetElementById("ゆっくり_png").vspace
Document.GetElementById("ゆっくり_png").vspace = Y_POINT + 100
End Sub

DOMを使ってhspace属性とvspace属性にアクセスしています。
hspace:横の空白の長さ
vspace:縦の空白の長さ

Animation.html

<script type="text/vbscript" src="Move.vbs"></script> 

<input type="button" value="Right" name="RightMove">
<input type="button" value="Left"  name="LeftMove">
</br>
<input type="button" value="UP"    name="UpMove">
<input type="button" value="Down"  name="DownMove">
</br>

<img src="ゆっくり.png" id="ゆっくり_png" width="100" height="100" hspace="0" vspace="0">

おまけ
hspaceやvspace等、
タグには様々な属性を持っているものがあるので、
興味のある方は、「htmlタグ」等のキーワードでggrってみるとおもしろいです。