HTML勉強メモ

HTMLやJavaScriptなどのことについて書いています。

サイコロの目を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