記事一覧
コンソール上でHP100のモンスターを倒す!(while文、Math.floor、Math.random、インクリメント(1加算))
<!doctype html><html> <head><meta charset="UTF-8"></head> <body> <script> let monster = 100; let count = 0; window.alert('戦闘スタート'); while(monster > 0) { const attack =
もっとみるループと繰り返し処理
<JavaScript で提供されるループ文>
for文
while文
do…while文
for…in文
for…of文
label文
break文
continue文
for文
for文によるループは指定された条件が false と評価されるまで繰り返される。
JavaScript の for ループは Java や C 言語の for ループと同じ。
<書式>
for ([初期化式];
while文 (繰り返し)
英語の接続詞 while の意味「〜である間」の通り、継続条件として指定された式(条件式)を評価した値が真である間、ループ本体 (loop body) の処理を繰り返し実行する。
while(条件式) { //条件式がtrueのときここが繰り返し実行される(ループ本体)}
このループの実行は、次のような手順となる。
1.「条件」を評価する。「条件」が偽ならば、ループを終了する。
2.「文」を
ショートサーキット(&&、||)
ショートサーキットとは、左辺を評価した時点で論理式の結果が確定する場合、右辺の評価を行なわない短絡評価(=ショートサーキット評価)のことを指す。
ショートサーキットでは&&を使う場合と、||を使う場合がある。
&&の場合、左辺の結果がfalseの場合は右辺の評価を行ないません。
&&(AND)は、aとbが両方trueのとき、全体の評価結果がtrueとなるので、falseの値が見つかった時点で後の
if文、if-else文(条件分岐)
if文の基本形
if(条件)で条件分岐を行い、条件に合致する場合はif文内の処理を行う。
if (a === 1) { console.log('aは1です'); }
if else
if(条件式) { 条件がtrueになるときに実行する処理} else { 条件がfalseになるときに実行する処理}
if文は条件によって処理を分岐させ、一致する場合の処理と、一致しない場合
documentオブジェクト
HTMLを書き換えて、要素を取得し、コンテンツを書き換える。
例:現在の日時を表示する
<!doctype html><html><head><meta charset="UTF-8"></head><body> <section> <!-- 書き換えたい部分のHTMLタグとそのコンテンツ --> <p id="choice">日時表示</p> </section> <scri
Windowオブジェクト
ダイアログを表示する
・alertメソッド(警告ダイアログ)
指定されたメッセージを警告ダイアログとして表示する。
()内を数式にすれば、計算結果を表示してくれる。
window.alert('出力したいテキスト');window.alert(10+10);
・confirmメソッド(確認ダイアログ)
ユーザーに対して確認の意思表示を求めるダイアログを表示する。
confirmメソッドは、ダ
ブラウザのオブジェクト
<ブラウザオブジェクトの階層構造>
グローバルオブジェクト(windowオブジェクト)
●windowオブジェクト(プロパティ:parent 、self、topなど)
●screenオブジェクト(プロパティ:screen)
●locationオブジェクト(プロパティ:location)
●navigatorオブジェクト(プロパティ:navigator)
●historyオブジェクト(プロ
コンソールにアウトプットする
consoleオブジェクト
コンソールはJavaScriptのプログラムがうまく動いているかどうかを確かめるための道具。
● log テキストや数式を表示する
console.log('出力したいテキスト');console.log(数式);
※()内の数式を計算した結果を出す場合、シングルクォート(’)で囲まない。
シングルクォートで囲むかどうかでパラメータの扱いが変わる!
cons
コメント文
//単一行コメント/*複数行にまたがるコメント*/
外部JavaScriptファイルの読み込み
<script src="HTMLファイルのパス"></script>
JavaScriptが実行される順序は、HTMLの上の方に書かれている<script>から順に実行される。
JavaScriptの基本文法
何かを実行させたい時は「○○は××しなさい」と命令する!
「〇〇は」にあたる部分をオブジェクト(指示を出す相手)
「××しなさい」にあたる部分をメソッド(オブジェクトにさせたいことを指示する)
「何を」にあたる部分をパラメータ(指示に必要な情報)
console.log('テキスト');
日本語に置き換えてみると..
consoleは、’テキスト’をlogしなさい。
プロパティ/proper