サイコロの目をalertで出力して表示もする方法
サイコロの目をalertで出力して表示もするには
記述を変えることで、alertでの出力と、表示場所への表示を行うことができる。
前回の記事
表示場所に表示する方法
htmlst.hatenablog.jp
alertで表示する方法
htmlst.hatenablog.jp
両方の表示を行うようにするには
onclick内の記述を「;」セミコロンを使って増やすことで、両方の表示を行うことができるようになる。
(記述例)
onClick="alert(Math.floor(Math.random() * 6) + 1);random()"
(両方の表示を行うことができるようにした記述)
<form><input type="button" value="サイコロ" onClick="alert(Math.floor(Math.random() * 6) + 1);random()"> <span id="saikoro">表示場所</span></form> <script type="text/javascript"> function random() { var num = Math.floor( Math.random() * 6 + 1 ) ; //サイコロの目の生成 document.getElementById("saikoro").innerHTML = num; //サイコロの目の出力 } </script>
表示例
「サイコロ」ボタンを押すことで、alertでの表示と、表示場所への表示を行うことができる。
まとめ
・記述を変えることで、alertでの表示と表示場所への表示の両方を行うことができる。
・onclick内で複数の処理を行うには「;」セミコロンを使用する。
関連記事
htmlst.hatenablog.jp
JavaScriptの絵本 ホームページ作りが楽しくなる9つの扉【電子書籍】[ 株式会社アンク ]
- ジャンル: 本・雑誌・コミック > PC・システム開発 > その他
- ショップ: 楽天Kobo電子書籍ストア
- 価格: 1,814円