HTML勉強メモ

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

JavaScript

おみくじの結果をalertで出力する方法

おみくじの結果をalertで出力する方法について まとめ おみくじの結果をalertで出力する方法について 別記事で作成したおみくじの結果をalertで出力する。 別記事 htmlst.hatenablog.jpjavascript内で取得した乱数に対応したif文の条件の結果をalertで表示す…

ボタンを押すと1~10000までの乱数が取得できるプログラム

過去記事で作成した乱数が取得できるプログラムの数字を1~10000に変更したもの。過去記事 htmlst.hatenablog.jp htmlst.hatenablog.jp htmlst.hatenablog.jp 1~10000までの乱数を取得するプログラム まとめ 1~10000までの乱数を取得するプログラム 数字部…

ボタンを押すと1~1000までの乱数が取得できるプログラム

過去記事で作成した乱数が取得できるプログラムの数字を1~1000に変更したもの。過去記事 htmlst.hatenablog.jp htmlst.hatenablog.jp 1~1000までの乱数を取得するプログラム まとめ 1~1000までの乱数を取得するプログラム 数字部分を変更することで、取得…

ボタンを押すと1~100までの乱数が取得できるプログラム

過去記事で作成したプログラムで表示できる数字を1~100までにする。 過去記事 htmlst.hatenablog.jp 1~100までの乱数を取得するプログラム まとめ 1~100までの乱数を取得するプログラム <form><input type="button" value="乱数の取得" onClick="random100()"> <span id="ransuu100">表示場所</span></form> <script type="text/javascript"> function random100() { var num = Math.floor( Math.ra…

ボタンを押すと1~10までの乱数が取得できるプログラム

ボタンを押すと乱数が取得できるプログラムの作る方法について 1~10までの乱数を取得するプログラム まとめ ボタンを押すと乱数が取得できるプログラムの作る方法について サイコロやおみくじのプログラムを作った際に使用した「Math.floor(Math.random())…

おみくじの確率を変える方法

おみくじの確率を変える方法について 確率を変えるには 確率を変えたおみくじ まとめ おみくじの確率を変える方法について 前回作成したおみくじの記述を変えることで、おみくじで出るくじの確率を変えることができる。前回の記事 htmlst.hatenablog.jp 確率…

おみくじを作る方法

おみくじを作る方法について 表示場所に表示する方法 まとめ おみくじを作る方法について サイコロを作った際に使用した、「Math.floor(Math.random()」とif文を使うことでおみくじを作ることができる。サイコロを作った記事 htmlst.hatenablog.jp htmlst.ha…

サイコロの目をalertで出力して表示もする方法

サイコロの目をalertで出力して表示もするには 両方の表示を行うようにするには まとめ サイコロの目をalertで出力して表示もするには 記述を変えることで、alertでの出力と、表示場所への表示を行うことができる。前回の記事 表示場所に表示する方法 htmlst…

サイコロの目をalertで出力する方法

サイコロの目をalertで出力するには alertで乱数を出力する場合 サイコロの目にする場合 別記事で作成したサイコロとの比較 まとめ サイコロの目をalertで出力するには alert();を使うことで出力をすることができる。 alertで乱数を出力する場合 alert();を…

乱数の生成を使用してサイコロを作る方法

乱数の生成を利用してサイコロを作る方法について サイコロの説明とサンプルコード サイコロの表示例 まとめ 乱数の生成を利用してサイコロを作る方法について 乱数をつくる記述「Math.random()」を使用してサイコロをつくる。 サイコロの説明とサンプルコー…

時刻をリアルタイムで更新させる方法

時刻をリアルタイムで更新させる場合 まとめ 時刻をリアルタイムで更新させる場合 現在の時刻を表示する方法 htmlst.hatenablog.jp曜日も表示させる方法 htmlst.hatenablog.jpコードを追加することで、時刻をリアルタイムで更新させることができる。追加する…

現在の時刻の他に曜日も表示させる方法

曜日も表示させる場合 まとめ 関連記事 htmlst.hatenablog.jp ↑現在の時刻の表示 曜日も表示させる場合 現在の時刻の表示を行う記述の値の取得部分と出力部分に、 下記の記述を加える。値の取得部分 var you = now.getDay(); //曜日 //曜日の配列(日~土) …

onloadの使い方

onloadの使い方について bodyタグ内で「onload」を使用する場合 window.onloadを使う場合 まとめ onloadの使い方について 「onload」を使用することで、ページなどの読み込み時に処理を行うことができる。 onloadにはいくつかの使い方がある。(例) body onlo…

JavaScriptで現在の時刻を表示する方法

JavaScriptで現在の時刻を表示する方法 まとめ JavaScriptで現在の時刻を表示する方法 JavaScriptを使うことでページに現在の時刻を表示することができる。 <body> <span id="viewTime"></span> <script type="text/javascript"> document.getElementById("viewTime").innerHTML = getNowTime(); function getNowTime() { var </body>…

JavaScriptで乱数を表示する方法

JavaScriptで乱数を表示する方法 まとめ JavaScriptで乱数を表示する方法 乱数を発生させる場合、Math.random()を使用する。・0~1の乱数を取得する var rand = Math.random();・0~9の乱数を取得する var rand = Math.floor(Math.random() * 10);・1~100の…

JavaScriptの書き方

JavaScriptの書き方 <script>~</script> の間に記述を行う。 (使用例) <script type="text/javascript"><!--JavaScriptのソース// --></script> 「Hello!!」と表示させるプログラムの場合 <html><head><title>タイトル</title></head><body><script type="text/javascript"><!--document.write("Hello!!");// --></script></body></html>