条件分岐 - switch文まとめ

JavaScript まとめ授業

条件分岐 - switch文値に応じて対応する case文にジャンプする switch文 switch文のブロックを抜けるには、break文を使う文字列を数値に変換する Number関数

2013-01-15

繰り返しの処理 - for文

JavaScript 授業

for文指定した回数だけ処理を繰り返す変数「i」の初期値（「i」は、indexの意）処理を１回実行するたびに、変数「i」の値をどのように変更するか for ( 変数の初期値；繰り返し条件；変数の変更 ) { 実行される処理} 変数の値を１ずつ増やす演算子「++…

2013-01-15

繰り返しの処理 - for文０２

JavaScript 授業

繰り返しの処理 - for文年齢の選択肢をドロップダウンに表示ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>for文の練習(2)</title> </head> <body> <p>年齢を選択してください。</p> <select> <script> for(var i=20;i <=70;i++){ // [ ('<option value="i">'+i+'歳</option></select></body></html>

2013-01-15

繰り返しの処理 - for文０３

JavaScript 授業

繰り返しの処理 - for文和暦（平成）と西暦を並べて表示ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>for文の練習(3)</title> </head> <body> <table border="1" summmary=""> <tr><th>和暦（平成）</th><th>西暦</th></tr> <script> var i; for(i = 1;i <= 25;i++){// [ i = i + 1 ]は[ i++ ]と同じ document.write('<…</table></body></html>

2013-01-15

繰り返しの処理 - for文０４

JavaScript 授業

繰り返しの処理 - for文 2の倍数を合計してダイアログで表示ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>繰り返しを処理</title> </head> <body> <h3>偶数の合計</h3> <p>以下のボタンをクリックすると、<br> 2、4、6、8、・・・、100 を全て合計した結果を表示できます。<br> <button onClick="total()">計算結果</button></p> <script> function total(){ var a…</body></html>

2013-01-15

繰り返しの処理 - for文０５

JavaScript 授業

繰り返しの処理 - for文 3の倍数を強調表示ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>3の倍数を強調表示</title> <style> #mulOfThree { font-size: 250%; color; red; } </style> </head> <body> <h1>3の倍数を強調表示</h1> <p> <script> var Max = 20; for(var i = 1;i <= Max;i++){ if((i % 3) == 0){ doc…</p></body></html>

2013-01-15

繰り返しの処理 - for文０６

JavaScript 課題授業

《演習問題 1-1》1〜100までの合計をダイアログボックスに表示させなさい。ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>繰り返し処理</title> </head> <body> <h3>合計</h3> <p>以下のボタンを押すと、<br> 1〜100を全て合計した結果を表示できます。</p> <p><button onClick="total()">計算結果</button></p> <script> function total(){ var ans = 0; …</body></html>