じゃんけんゲームの作成に使用した命令

小数点切り上げ

Math.ceil()　…　小数点以下を切り上げます。1.2であれば2になります。

乱数を返す

Math.random()　…　0～1の乱数を返します。

１～３の整数を返す

Math.ceil(Math.random() * 3)　…　1～3の整数を返します。

ＩＤ名がついたオブジェクトの文字列を変更

document.getElementById("ＩＤ名").value = "文字列"　…　ＩＤ名がついたオブジェクトの文字列を変更します。

サンプル

結果：　CPUが出した手：

X座標とY座標

document.オブジェクト名.style.left = X座標 … 画像のX座標を指定
document.オブジェクト名.style.top = Y座標 … 画像のY座標を指定

オブジェクト名

オブジェクト名 … オブジェクト名を指定すると、オブジェクトの色やサイズなどの状態を変更できます。

name属性でオブジェクト名を指定 document.namezokusei.style.top = X座標 参照番号（ページ先頭からの画像数）でオブジェクト名を指定 document.images[0].style.top = X座標 画像名でオブジェクト名を指定 document.images["namezokusei"].style.top = X座標

ソース

<script type="text/javascript"><!--x = 0;v = 3;function kansu() { x += v; //　x = x + v;　xにvをどんどん足していく if(x>400 || x<0){ //　もしx座標が400を超えたら。又はx座標が0未満になったら。 v = -v; //　右までいったら左に反転、左までいったら右に反転させる }document.enen.style.left = x;//　オブジェクト名enenのX座標を指定}setInterval('kansu()',20);//　0.02秒毎にkansu()を実行// --></script><img src="main3.jpg" name="enen" style="position:relative; left:0; top:0;">//　画像（main3.jpg）を表示

式１ || 式２ … もし式１だったら。または式２だったら処理を実行。 v = -v … 右までいったら左に反転、左までいったら右に反転。 document.オブジェクト名.style.left … オブジェクト名のX座標を指定。 setInterval() … 一定毎に処理を実行。 name … オブジェクト名を指定 position:relative … 画像の位置（相対指定） potision:absolute … 画像を位置（絶対指定） left:0 … X座標を0に指定 top:0 … Y座標を0に指定

サンプル

ボタンをクリックで画像が左右に移動します。





追記：ブログにアップしたら動かなくなっちゃいました。なんでだろ・・。

マウスカーソルを画像の上に重ねると、画像が入れ替わるロールオーバー画像の作成が今回のお題です。

ロールオーバー画像はonmouseoverと、onmouseoutの２つのイベントを使って作ります。

書式

onmouseover="処理" … マウスカーソルが画像の上に乗ったとき
onmouseout="処理" … マウスカーソルが画像から離れたとき

ソース

<img src="main.gif" width="213" height="240" border="0" onmouseover="this.src='main2.jpg' "onmouseout="this.src='main.gif'">

src … 画像のソースを記述 width … 画像の横幅 height … 画像の縦幅 border … 画像の枠線（ボーダー）の太さ onmouseover … マウスカーソルが上にのったとき onmouseout … マウスカーソルが離れたとき this.src … このタグのsrcの中身を指定。 この場合は<img>タグ内のsrc要素の画像アドレス（xxx.jpg）を書き換える。

サンプル

恋愛、結婚、人生、仕事、お金、家庭、美容、健康、いじめ、宗教…などなど。
どんなに幸福な人生を送っているようでも、人によって様々な悩みを抱えています。
今回は、そんな悩みを人から相談されたとき、どのようなアドバイスをしてあげるのが良いのかを考えていきましょう。

１）悩みに共感する

私も同世代なのでその気持ちはよくわかります。彼女から突然に別れを切り出されてしまったとのこと、お気持ちお察しします。

２）相手の心を楽にする

まず正直にあなたの悩んでいることを伝えてみてはいかがでしょうか？ 相手があなたの気持ちを察してくれることを待っていても、あなたの本当の気持ちを分かってもらうことはできませんよ。

自分の気持ちを正直に話すことはあなた自身を大切にするということです。ほんのちょっとだけ勇気をもって、一歩前に踏み出していきましょう。

３）選択させる

このままこの仕事を続けていきたいのか。それとも、給料が少なくなる可能性はあっても新しいことにチャレンジをするのか・・。よく考えて、あなたの人生にプラスになる方法を考えてくださいね。