←作り方はいろいろですが、わからない場合や正解しない場合は、答えを見て出題されるパターンを学習し、再度チャレンジしてください。
以下で、この問題で使われる画像ファイルを示します。これらのファイルは、 出題されるHTMLの位置と同じディレクトリ内に位置するimgディレクトリ内に存在します。
swPop.png→ |
swPush.png→ |
←このボタンをクリックして表示するWebページと、同じように見えるHTMLを以下に作成してください。(htmlタグなど、小文字を使っても影響がない範囲で小文字を使ってください。)
既に書いてある部分を変更しないで、追加記述する問題です。60の幅に変わり, 60の高さに変わる関数の名前をmi1にし、
40の幅の初期値で, 40の高さの初期値に戻る関数の名前をms2にして、
head内でスタイル指定の後に、この順番で作ってください。
なお画像タグは、名前をyb3にして
src width height name onclickの順番で属性を指定してください。
←上記で編集した内容を、ブラウザで確認するボタンです
上のボタンで確認した後、正しいと思ったら、下の評価ボタンをクリックください。
なお、 Ctrl + < のキーや
Ctrl + スペース のキー
でヒントがでます。そして矢印のキーで選択し、Enterします。メニュー出現まで少し待ってください。
scriptタグは、head内で Ctrl + < を押して
その他のメニューから選ぶことで挿入できます。
| swPop.png→ |
swPush.png→ |
なお出題パターンは、ブラウザの更新操作で 異なる問題にできます。更新操作によりさまざまな問題にチャレンジして、このパターンのどんな問題でも答えを見ないで出来るまで何回でも行ってみましょう。タグなどを完全に暗記する必要はありませんが、タグの意味が理解できて、 作ったものがブラウザでどう反映されるかを想像できるようにすることが大切です。