開発環境
- Microsoft Windows 7 Home Premium (OS)
- Internet Explorer 9 (Webプラウザ)
- Microsoft Visual Web Developer 2010 Express Edition (IDE)
- Script言語:JavaScript
『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の8章(フォームと検証), 練習問題1を解いてみる。
8-1.
コード
catchEvent(window, "load", setupEvents); function catchEvent(eventObj, event, eventHandler) { if (eventObj.addEventListener) { eventObj.addEventListener(event, eventHandler, false); } else if (eventObj.attachEvent) { event = "on" + event; eventObj.attachEvent(event, eventHandler); } } function cancelEvent(event) { if (event.preventDefault) { event.preventDefault(); event.stopPropagation(); } else { event.returnValue = false; event.cancelBubble = true; } } function setupEvents(event) { catchEvent(document.getElementById("someForm"), "submit", checkColors); } function checkColors(event) { var theEvent = event ? event : window.event; var colorOpts = document.getElementById("someForm").getElementsByTagName("input"); var message = "どれかひとつ、色を選んでください。"; for (var i = 0; i < colorOpts.length; i++) { if (colorOpts[i].checked) { // 変更した箇所 var n = Math.random(); message = (n > 0.7) ? message = "大吉" : (n > 0.4) ? message = "中吉" : (n > 0.1) ? message = "小吉" : message = "凶" message = "今日のあなたの運勢は" + message + "です。"; break; } } alert(message); cancelEvent(theEvent); }
お好みの色をお選びください。
合わせて読んでいる書籍。
- 14章でPHPとJavaScriptを組み合わせたWebアプリケーションが登場したので『初めてのPHP & MySQL 第2版』(Micbele E. Davis、Jon A. Phillips 著、西沢 直木 訳、オライリー・ジャパン、2008年、ISBN978-4-87311-365-4)
- JavaScriptのライブラリーを活用できるようになるために『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)
- JavaScript、APIを使って遊ぶために『Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニック』(Rich Gibson, Schuyler Erle 著、武舎 広幸、福地 太郎、武舎 るみ 訳、オライリー・ジャパン、2007年、ISBN978-4-87311-341-8)
0 コメント:
コメントを投稿