JavaScript 試験問題

問題: js_exam_142

Download ▼ js_exam_142/js_examination_142_Q.html ▼


js_examination_142_Q.html をダウンロードしてください.

このファイルを, JavaScript を使用して
記述を動的なページに書き直してください.

内容:

初期画面でボタンだけが表示されている状態から,
ユーザー操作でボタン・クリックによって「文字」(スタイル: 同じ)が
現れるようにしてください.


js_examination_00_Q.html

現在は タグ<button> で「ボタン」が設置されており,
その下に タグ<p> で「文字」(スタイル: 文字サイズが 2em / 文字色は赤色)が書かれています.


補足

この問題では, JavaScriptを用いて初期状態ではボタンのみを表示し, ボタンがクリックされた際に, 指定されたスタイルを持つ「文字」というテキストを動的に表示させる実装が求められています.

解答となるHTMLファイル( js_examination_00_Q.html ) に<script>タグ内に必要なJavaScriptコードを記述してください.


 

Download ▼ js_examination_142-answer ▼