JavaScript
CSSなしでナビゲーションメニューに画像を貼付けて作成する方法 - ソース - <htmllang="ja"> <head> <metacharset="UTF-8"> <title>ナビゲーション</title> <linkrel="stylesheet"href="css/style.css"> </head> <body> <divid="nav"> <ul> <li><ahref="#"></ahref="#"></li></ul></divid="nav"></body></htmllang="ja">
DOMを使用して文字色を赤に設定しました。 <html><head><meta charset="utf-8"><title>DOMで文字色を設定</title></head><body><h1 id="myid">DOMによる要素の指定</h1><script type="text/javascript">document.getElementById('myid').style.color = '#F00';</script></body></html>
開くボタンを押して空の画像を開く。 <html lang="ja"><head><meta charset="utf-8"><title>ウィンドウを開く</title><script>function openWin() { var win = window.open('', '', 'width=550, height=480'); win.document.open(); win.document.write('<img src="img/01.jpeg">'); win.document.write('<form><p>'); win.document.w…</p></form></meta></head></html>
formオブジェクトを使って下図のような標準体重を計算できるように作成しました。 <html lang="ja"><head><meta charset="utf-8"><title>フォームの利用</title><script>function stdWeight(myForm) { var height, weight; height = Number(myForm.height.value); if(myForm.sex[0].checked) { weight = (height - 80) * 0.7; } e</meta></head></html>…
今日は、JavaScriptを使用してサイコロをランダムに表示できるように作成しました。 下記のように記述して表示させることが出来ました。 ①ランダムに表示させる(更新すると表示されるサイコロの目が変わる)。 <html lang="ja"><head><meta charset="utf-8"><title>サイコロの目をランダムに表示させる</title></head><body><script>var r =Math</body></html>…
