prompt（文字列）｜【J12】

JavaScript

課題【J12】以下のように表示するJavaScriptを記述しなさい。引用：練習課題（2） - Webデザインの勉強｜忘筌解答 PC版 prompt（文字列） - jsdo.it - share JavaScript, HTML5 and CSS スマホ版prompt（文字列） - js do it コード <html lang="ja"> <head> <meta charset="utf-8"> <title>【J12】</title> </head> <body> <script type="text/javascript"> var me</body></html>…

2012-06-08

「長いメッセージの場合は、エスケープシーケンスで改行します。」と表示するJavaScript｜【J11】

JavaScript

課題【J11】「長いメッセージの場合は、エスケープシーケンスで改行します。」と表示するJavaScriptを記述しなさい。練習課題（2） - Webデザインの勉強｜忘筌解答 PC版「長いメッセージの場合は、エスケープシーケンスで改行します。」と表示するJav…

2012-06-08

1年が何秒かを表示するJavaScript｜【J10】

JavaScript

課題【J10】1年が何秒かを表示するJavaScriptを記述しなさい。練習課題（2） - Webデザインの勉強｜忘筌解答 PC版 1年が何秒かを表示するJavaScript｜【J10】 - jsdo.it - share JavaScript, HTML5 and CSS スマホ版1年が何秒かを表示するJavaScript｜【J1…

2012-06-08

標準体重計算プログラム

JavaScript

プレビュー 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"> var height; var weight; height = prompt('身長を入力してください',170); height = pars…</body></html>

2012-06-08

平成を西暦に変換する

JavaScript

document.writeバージョン平成を西暦に変換する｜document.writeバージョン - jsdo.it - share JavaScript, HTML5 and CSS <html lang="ja"> <head> <meta charset="utf-8"> <title>平成を西暦に変換する</title> </head> <body> <script type="text/javascript"> var heisei; var fullYear; var message; heisei = 24; fullYear = heisei…</body></html>

2012-06-08

入れ子になったif文

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>

2012-06-07

if文｜点数によってdocument.writeを条件分岐

JavaScript

プレビュー 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>

2012-06-07

if文｜偶数と奇数の条件分岐

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 = 5; if( num % 2 == 0){ document.write(num, 'は偶数です。'); } els…</body></html>

2012-06-07

演算子の優先順位

JavaScript

プレビュー 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>

2012-06-07

ボタンを押し続けると動く、離すと止まる

ActionScript

ムービープレビュースクリプトいつ：ボタン（rotation_btn）を押したとき何が：クマ？（bear_mc）がどうする：10度ずつ右回転し続けるオブジェクトアクション on (press) { var rota:Number = 10; bear_mc.onEnterFrame = function() { bear_mc._rotati…

2012-06-07

ボタンからムービークリップを動かす

ActionScript

ムービープレビュースクリプトいつ：ボタン（rotation_btn）を離したとき何が：クマ？（bear_mc）がどうする：10度右回転するオブジェクトアクション、イベントハンドラメソッド、ユーザー定義関数それぞれの書き方で記述してみました。オブジェクトア…

2012-06-06

ボタンをクリックするとアラートに「Hello JavaScript!」と表示させるJavaScript【J09】

JavaScript

ボタンをクリックするとアラートに「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">  </script> </meta></head></html>

2012-06-06

JavaScript関連用語確認【J08】

JavaScript

課題次の語句を説明しているものを選びなさい。（1）onload （2）( ) （3）alert （4）;（a）ポップアップウィンドウにメッセージを表示する（b）JavaScriptのコードの行の終端（c）ウェブページの読み込み完了を示す（d）関数に渡される情報を囲む引用…

2012-06-06

「h1要素」と「ｐ要素」をJavaScriptで記述【J07】

JavaScript

「h1要素」と「ｐ要素」を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>

2012-06-06

ボタンをクリックしたらアラートで答えを表示するJavaScript（function使用）【J06】

JavaScript

ボタンをクリックしたらアラートで答えを表示するJavaScript（function使用） - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J06</title> <script type="text/javascript">  </script> </meta></head></html>

2012-06-06

クリックでアラートを表示するJavaScript（function使用）【J05】

JavaScript

クリックでアラートを表示するJavaScript（function使用） - jsdo.it - share JavaScript, HTML5 and CSS コード <html lang="ja"> <head> <meta charset="utf-8"> <title>J05</title> <script type="text/javascript">  </script> <style type="text/css"> img { cursor: pointer; } <…</meta></head></html>

2012-06-06

ページを開いた瞬間にアラートを表示するJavaScript【J04】

JavaScript

ページを開いた瞬間にアラートを表示する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>

2012-06-06

マウスアウトでアラートを表示するJavaScript【J03】

JavaScript

マウスアウトでアラートを表示する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>

2012-06-06

マウスオーバーでアラートを表示するJavaScript【J02】

JavaScript

マウスオーバーでアラートを表示する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>

2012-06-06

クリックでアラートを表示するJavaScript（function不使用）【J01】

JavaScript

クリックでアラートを表示する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>

2012-06-06

writeメソッド

JavaScript

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">  </script> </body> </html>

2012-06-06

alertメソッド

JavaScript

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>

2012-06-06

JavaScriptによる文字色と背景色の変更

JavaScript

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>

2012-06-06

静止状態から徐々に加速するムービークリップ

ActionScript

onClipEvent (load) { speed = 0; //速度 accel = 1; //加速度 } onClipEvent (enterFrame) { speed += accel; this._x += speed; }

2012-06-04

MSN風縦型サブメニューの作り方

CSS

Twitterのフォロワーの方に「MSNサブメニューバーの飛び出す表示の入力タグをご存知でしたら教えて下さい。」とご相談されたので実際に作ってみました。参考になれば幸いです。（MSN Japan）加筆：第3階層目を追加&グラデーションを試してみました（2012/06/…

2012-06-03

文字列の表示｜JS課題04

JavaScript

課題自分の氏名を出力パネルに表示しなさい。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 { …

2012-06-03

割り勘を計算する｜JS課題03

JavaScript

課題「ビールを12杯：１杯500円」「ウーロン茶を4杯：１杯300円」「サラダを2皿：１皿600円」「チキンを2皿：１皿800円」「ピザを2枚：１枚800円」これを5人で割り勘にしたときの一人あたりの金額を求めなさい。Webデザインの勉強｜忘筌解答 HTML <html> <head> <meta charset="UTF-8" /> <title></title></meta></head></html>…

2012-06-02

距離・速度・時間を計算する｜JS課題02

JavaScript

課題「車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>

2012-06-02

変数を使った計算式｜JS課題01

JavaScript

課題変数を使った計算式を書き、出力パネルに結果を表示させなさい。 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 …

2012-06-01