JavaScript
プレビュー PC版 入れ子になったif文 - jsdo.it - share JavaScript, HTML5 and CSS スマホ版入れ子になったif文 - js do it コード <html lang="ja"> <head> <meta charset="utf-8"> <title>if文</title> </head> <body> <script type="text/javascript"> var num = 90; if(num > 80){ if(num == 100){ alert('満点です。'); } else{ alert('も…</body></html>
プレビュー PC版 if文|点数によってdocument.writeを条件分岐 - jsdo.it - share JavaScript, HTML5 and CSS スマホ版if文|点数によってdocument.writeを条件分岐 - js do it コード <html lang="ja"> <head> <meta charset="utf-8"> <title>if文</title> </head> <body> <script type="text/javascript"> var num = 65; document.write('あなたの点数は'…</body></html>
プレビュー PC版 if文|偶数と奇数の条件分岐 - jsdo.it - share JavaScript, HTML5 and CSS スマホ版if文|偶数と奇数の条件分岐 - js do it コード <html lang="ja"> <head> <meta charset="utf-8"> <title>if文</title> </head> <body> <script type="text/javascript"> var num = 5; if( num % 2 == 0){ document.write(num, 'は偶数です。'); } els…</body></html>
プレビュー PC版 演算子の優先順位 - jsdo.it - share JavaScript, HTML5 and CSS スマホ版演算子の優先順位 - js do it コード <html lang="ja"> <head> <meta charset="utf-8"> <title>演算子の優先順位</title> </head> <body> <script type="text/javascript"> document.write('2×8-6÷2=',(2*8-6/2),'<br>'); document.write('2×(8−6)÷2=',(2…</body></html>
ボタンをクリックするとアラートに「Hello JavaScript!」と表示させるJavaScript - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J09</title> <script type="text/javascript"> <!-- function hello(){ alert('Hello JavaScript!'); } //--> </script> </meta></head></html>
課題 次の語句を説明しているものを選びなさい。 (1)onload (2)( ) (3)alert (4);(a)ポップアップウィンドウにメッセージを表示する (b)JavaScriptのコードの行の終端 (c)ウェブページの読み込み完了を示す (d)関数に渡される情報を囲む引用…
「h1要素」と「p要素」をJavaScriptで記述 - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J07</title> </head> <body> <script type="text/javascript"> はじめてのJavaScript<\/h1>'); document.write('<p>ゼロからJavaScriptを記述できるように練習しま…</p></body></html>
ボタンをクリックしたらアラートで答えを表示するJavaScript(function使用) - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J06</title> <script type="text/javascript"> <!-- function Ans(){ var answer = 'You Tube'; alert(answer); } //--> </script> </meta></head></html>
クリックでアラートを表示するJavaScript(function使用) - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J05</title> <script type="text/javascript"> <!-- function Img(){ alert('海'); } //--> </script> <style type="text/css"> img { cursor: pointer; } <…</meta></head></html>
ページを開いた瞬間にアラートを表示するJavaScript - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J04</title> <style type="text/css"> img { cursor: pointer; } </style> </head> <body> <img src="sea.jpg" width="450" alt="海" onload="alert('海')"> </body>…</html>
マウスアウトでアラートを表示するJavaScript - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J03</title> <style type="text/css"> img { cursor: pointer; } </style> </head> <body> <img src="sea.jpg" width="450" alt="海" onMouseOut="alert('海')"> </body></html>
マウスオーバーでアラートを表示するJavaScript - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J02</title> <style type="text/css"> img { cursor: pointer; } </style> </head> <body> <img src="sea.jpg" width="450" alt="海" onMouseOver="alert('海')"> </body></html>
クリックでアラートを表示するJavaScript(function不使用) - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J01</title> <style type="text/css"> img { cursor: pointer; } </style> </head> <body> </body></html>
writeメソッド - jsdo.it - share JavaScript, HTML5 and CSS ポイント writeメソッド 文字列を書き出す コード <html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScriptの練習</title> </head> <body> <script type="text/javascript"> <!-- document.write('<h1>Hello JavaScript<\/h1>'); //--> </script> </body> </html>
alertメソッド - jsdo.it - share JavaScript, HTML5 and CSS ポイント alertメソッド 警告ダイアログを表示する コード <html lang="ja"> <head> <meta charset="utf-8"> <title>メソッド</title> </head> <body> <p>ボタンをクリックしてください。 <input type="button" value="ボタン" onClick="alert('Perfect')"> </p> </body> </html>
JavaScriptによる文字色と背景色の変更 - jsdo.it - share JavaScript, HTML5 and CSS ポイント fgColorプロパティ 文字の色を参照・設定する bgColorプロパティ 背景の色を参照・設定する コード <html lang="ja"> <head> <meta charset="utf-8"> <title>Hello!</title> </head> <body onLoad = "window.defaultStatus = '色の設定'"> </body></html>
課題 自分の氏名を出力パネルに表示しなさい。Webデザインの勉強|忘筌 解答 HTML <html> <head> <meta charset="UTF-8" /> <title>文字列の表示</title> <link rel="stylesheet" type="text/css" media="screen,print" href="style.css" /> </head> <body> <script type="text/javascript" src="index.js"></script> </body> </html> CSS .name { …
課題 「ビールを12杯:1杯500円」「ウーロン茶を4杯:1杯300円」 「サラダを2皿:1皿600円」「チキンを2皿:1皿800円」 「ピザを2枚:1枚800円」 これを5人で割り勘にしたときの一人あたりの金額を求めなさい。Webデザインの勉強|忘筌 解答 HTML <html> <head> <meta charset="UTF-8" /> <title></title></meta></head></html>…
課題 「車Aの時速は100km」「車Bの時速は140km」 東京←→大阪の距離は560km どちらが何時間早く着くか求めなさい? ※四捨五入の式は考慮しなくてもOKWebデザインの勉強|忘筌 解答 HTML <html> <head> <meta charset="UTF-8" /> <title>距離・速度・時間を計算する</title> <link rel="stylesheet" type="text/css" media="screen,print" href="style.css" /> </head> <body> </body></html>
課題 変数を使った計算式を書き、出力パネルに結果を表示させなさい。 10×(8+12)÷4 の値は?Webデザインの勉強|忘筌 解答 HTML <html> <head> <meta charset="UTF-8" /> <title>変数を使った計算式</title> </head> <body> <script type="text/javascript" src="index.js"></script> </body> </html> JavaScript var a = 10; var b = 8; var c = 12; var d = 4; var …