JavaScript
繰り返し処理-偶数の合計 <html> <head> <meta charset="UTF-8"> <title>繰り返し-偶数の計算</title> <style> h1 { font-size: 20px; } </style> <script> function goukei() { var ans =0; var bunbo =2; var a; for (i=1; i<=10; i++) { a = 1/bunbo; ans = ans + a; bunbo = bunbo*2;//次の計算用に分母の値を(2のn+1乗)にする } </meta></head></html>…
for文で整数の合計を表示 <html> <head> <meta charset="UTF-8"> <title>for文-繰り返し処理</title> <script> function goukei() { var ans = 0; for ( i=1; i<=100; i++) { ans = ans+i; } alert( '1~100の合計は' + ans + 'です'); } </script> </head> <body> <h1>整数の合計</h1> <p>1~100の合計を表示する。</p></body></html>
関数の汎用化 税抜き価格を計算する <html> <head> <meta charset="UTF-8"> <title>税抜価格</title> <script type="text/javascript"> var zeinuki; function zei(kakaku) { zeinuki = kakaku/1.05; alert( '税抜き価格は' + zeinuki + '円です'); } </script> </head> <body> <ul> <li>久保田 萬寿(720ml 税込3664円)</li></ul></body></html>
タイマー(setInterval)でスライド 今回は基礎から離れてタイマーを使ってみました。 実物へのリンク <html> <head> <meta charset="UTF-8"> <title>タイマーでスライド</title> <script type="text/javascript"> var i = 1; function slide() { i++; if (i == 6) { i=1; } document.getElementById( 'img').src = 'img/flower' + i + '.jpg'; </script></meta></head></html>…
配列の演算 <html> <head> <meta charset="UTF-8"> <title>配列</title> <script type="text/javascript"> var a = new Array(9, 12, 17); var b = new Array(33, 16, 82); var kai; function kakezan0() { kai = a[0]*b[0]; alert( '答えは' + kai + 'です' ); } function kakezan1() { kai = a[1]*b[1]; alert(kai); …</meta></head></html>
変数の演算 インクリメント <html> <head> <meta charset="UTF-8"> <title>変数の演算-インクリメント</title> </head> <body> <script type="text/javascript"> var a = 10; a ++; //a=a+1と同じ alert(a); </script> </body> </html> デクリメント <html> <head> <meta charset="UTF-8"> <title>変数の演算-デクリメント</title> </meta></head></html>
基礎の基礎から少しずつ、JavaScriptのおさらいをしてみます。 イベントハンドラ 写真をクリックするとアラートが表示される。 <html> <head> <meta charset="UTF-8"> <title>イベントハンドラ</title> </head> <body> <img src="kori.jpg" width="481" height="320" onClick="alert('かき氷食べたい')"> </body> </html> 関数を利用する 写真をクリックすると関数が呼び出されて、アラートが表示される。
JavaScript 【実践課題A】 おみくじの結果「大吉」「中吉」「小吉」「吉」「凶」をランダムに表示させなさい。 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> var kuji =[ '吉', '中吉', '小吉', '吉', '凶'], r = Math.floor(Math.random()*kuji.length); alert('今日の運勢は' + kuji[r] +'です</script></body></html>…
JavaScript練習課題（1） 【J06】 ボタンをクリックしたらアラートで答えを表示するJavaScriptを記述しなさい。「function」を使用します。（質問と答えは自由。） <html> <head> <meta charset="UTF-8"> <title>js06</title> <style type="text/css"> body { width: 200px; margin: 0 auto; } </style> <script> function question() { alert('富士山</script></meta></head></html>…
JavaScript練習課題（1） 載せていなかった授業内で進めたスクリプト 【J01】 クリックでアラートを表示するJavaScriptを記述しなさい。 （写真は自由。）「function」は使用しない通常のアラート。 <html> <head> <meta charset="UTF-8"> <title>js01</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>
for文 変数「i」の初期値 繰り返しを継続するための条件 処理を１回実行するたびに、変数「i」の値をどのように変更するか for ( 変数の初期値； 繰り返し条件； 変数の変更 ) { 実行される処理 } JavaScriptの勉強 forの中の式は繰り返し条件に達するまで継…
