JavaScript課題
以下のように商品の単価と個数の関係の表組みを表示させなさい。 http://felica.boy.jp/js-kadai/jissen-e <html> <head> <meta charset="UTF-8"> <title></title> <style> <!-- table { border-collapse: collapse; } th,td { width: 100px; text-align: center; padding: 5px; } th { background-color: #eee; } --</style></meta></head></html>…
以下のように演算結果を表示させなさい。 http://felica.boy.jp/js-kadai/jissen-d <html> <head> <meta charset="UTF-8"> <title></title> <script> </meta></head></html>
配列を使い、以下のようにリストのリンクを表示させなさい。 http://felica.boy.jp/js-kadai/jissen-c <html> <head> <meta charset="UTF-8"> <title></title> <script> <!-- var linkUrl = ['index.html','company.html','products.html','contact.html']; var linkName = ['ホーム','会社製品','製品情報','お問い合</script></meta></head></html>…
配列を使い、以下のような表組みを表示させなさい。 http://felica.boy.jp/js-kadai/jissen-b <html> <head> <meta charset="UTF-8"> <title></title> <script> <!-- var prodName = ['リラックスチェア','リラックスデスク','ブックスタンド']; var prodPrice = [4000,12000,800]; --> </script> <style> </meta></head></html>
おみくじの結果「大吉」「中吉」「小吉」「吉」「凶」をランダムに表示させなさい。 http://felica.boy.jp/js-kadai/jissen-a <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> </body></html>
以下のように、変数「a」「b」の四則演算と余りを計算するページを作りなさい。 計算結果は、ダイアログボックスで表示させなさい。http://felica.boy.jp/js-kadai/kiso8 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> </body></html>
変数「str」の初期値が「ようこそ！」の場合、「ようこそ！ホームページ」へとダイアログボックスに表示しなさい。http://felica.boy.jp/js-kadai/kiso7 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> <!-- var str = '「ようこそ！'; document.write(str + 'ホームページ」へ'); --> </script> </body> </html>
変数の初期値が「５」の場合、「１増加したとき」の記述と「１減少したとき」の値をダイアログボックスに表示しなさい。http://felica.boy.jp/js-kadai/kiso6 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> <…</body></html>
関数と変数を使い、クリックしたら警告ダイアログボックスが表示されるように記述しなさい。 「日本で一番高い建物は？」を、「答えを見る」ボタンをクリックすることにより表示するようにしなさい。http://felica.boy.jp/js-kadai/kiso5 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> </body></html>
関数を使い、クリックしたら警告ダイアログボックスが表示されるように記述しなさい。 「19+23=」を、「答えを見る」ボタンをクリックすることにより表示するようにしなさい。http://felica.boy.jp/js-kadai/kiso4 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> </body></html>
１．ページが表示された直後に・・・ ２．マウスがクリックされた時・・・ ３．マウスが乗った時に・・・ の各イベントで、警告ダイアログボックスが表示されるように記述しなさい。１．http://felica.boy.jp/js-kadai/kiso3 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body onLoad="alert('警告ダイアログボックス表示')"> </body> </html> ２．http://felica.boy…
変数を使い、警告ダイアログボックスに「はじめてのJavaScript、アゲイン！」 と表示させなさい。http://felica.boy.jp/js-kadai/kiso2 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> <!-- var sentence = 'はじめてのJavaScript、アゲイン！' alert(sentence); --> </script> </body> </html>
「はじめてのJavaScript」と「p要素」でブラウザ上に表示させなさい。http://felica.boy.jp/js-kadai/kiso1 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> <!-- document.write('<p>はじめてのJavaScript</p>'); --> </script> </body> </html>
以下のような九九の対数表を表示させなさい。 http://felica.boy.jp/js-kadai/js0619-enshu2 <html lang="ja"> <head> <meta charset="UTF-8"> <title>九九表</title> <style> table { border-collapse: collapse; } td,th { width: 50px; text-align: center; } th { background-color: #ddd; } </style> </head> <body> </body></html>
J14 ドルから円に換算を表示するJavaScriptを記述しなさい。 http://felica.boy.jp/js-kadai/js14.html <html> <head> <meta charset="utf-8"> <title>【J14】</title> </head> <body> <script> var doll; doll = prompt('金額をドルで入力してください',10); yen = doll * 79.62; alert('入力した値を円に換算すると'+yen+'円です</script></body></html>…
J13 以下のように表示するJavaScriptを記述しなさい。 http://felica.boy.jp/js-kadai/js13.html <html> <head> <meta charset="utf-8"> <title>【J13】</title> </head> <body> <script> var age; age = prompt('年齢を入力してください',20); if( age >= 20){ alert('あなたは成人ですね'); } else{ alert('あなたは未成年ですね'</script></body></html>…
1〜100までの合計をダイアログボックスに表示させなさい。 http://felica.boy.jp/js-kadai/js0612-enshu1 <html lang="ja"> <head> <meta charset="UTF-8"> <title>繰り返し処理</title> </head> <body> <h3>1から100の合計</h3> 以下のボタンをクリックすると、合計した結果を表示できます。<br> <button onclick="total()">計算結果</button> <script type="text/javascript"> <…</body></html>
J12 以下のように表示するJavaScriptを記述しなさい。 http://felica.boy.jp/js-kadai/js12.html <html lang="ja"> <head> <meta charset="utf-8"> <title>【J12】</title> </head> <body> <script> <!-- var question; question = prompt ("好きな花は？","ひまわり"); alert(question); --> </script> </body> </html>
J11 「長いメッセージの場合は、 エスケープシーケンスで改行します。」 と表示するJavaScriptを記述しなさい。 <html lang="ja"> <head> <meta charset="utf-8"> <title>【J11】</title> </head> <body> <script> <!-- document.write("「長いメッセージの場合は、\nエスケープシーケンスで改行します。」"); --> </script> </body> </html>
J10 1年が何秒かを表示するJavaScriptを記述しなさい。 http://felica.boy.jp/js-kadai/js10.html <html lang="ja"> <head> <meta charset="utf-8"> <title>【J10】</title> </head> <body> <script> </body></html>
J09 ボタンをクリックするとアラートに「Hello JavaScript!」と表示させなさい。 http://felica.boy.jp/js-kadai/js09.html <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>09</p> <input type="button" value="ボタン" onClick="alert('Hello JavaScript!')"> </body> </html>
J08 次の語句を説明しているものを選びなさい。（1）onload （2）( ) （3）alert （4）;（a）ポップアップウィンドウにメッセージを表示する （b）JavaScriptのコードの行の終端 （c）ウェブページの読み込み完了を示す （d）関数に渡される情報を囲む http:…
J07 「h1要素」と「ｐ要素」を、例のように表示するJavaScriptを記述しなさい。 http://felica.boy.jp/js-kadai/js07.html <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>07</p> <script type="text/javascript"> <！-- document.write( '<h1>はじめてのJavaScript</h1><p>ゼロからJavaScriptを記述できるように練習します。…</p></body></html>
J06 ボタンをクリックしたらアラートで答えを表示するJavaScriptを記述しなさい。「function」を使用します。（質問と答えは自由。） http://felica.boy.jp/js-kadai/js06.html <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> <！-- function button(){ alert('ボタンです06'); } //--> </script> …</body></html>
J05 クリックでアラートを表示するJavaScriptを記述しなさい。J01と同じ結果です。「function」を使用しなさい。 http://felica.boy.jp/js-kadai/js05.html <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style type="text/css"> img { cursor: pointer; } </style> <script type="text/javascript"> <！-- funct…</body></html>
J04 ページを開いた瞬間にアラートを表示するJavaScriptを記述しなさい。（写真は自由。） http://felica.boy.jp/js-kadai/js04.html <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style type="text/css"> img { cursor: pointer; } </style> <p>04</p></body></html>
J03 マウスアウトでアラートを表示するJavaScriptを記述しなさい。（写真は自由。） http://felica.boy.jp/js-kadai/js03.html <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style type="text/css"> img { cursor: pointer; } </style> <p>03</p></body></html>
J02 マウスオーバーでアラートを表示するJavaScriptを記述しなさい。（写真は自由。） http://felica.boy.jp/js-kadai/js02.html <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style type="text/css"> img { cursor: pointer; } </style> <p>02</p></body></html>
J01 クリックでアラートを表示するJavaScriptを記述しなさい。 （写真は自由。）「function」は使用しない通常のアラート。http://felica.boy.jp/js-kadai/js01.html <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style type="text/css"> img { cursor: pointer; } </style> <p>01</p></body></html>
アラートの表示 <script type="text/javascript"> <！-- window.alert('HelloWorld!!!'); // --> </script>
