参考ページ チェック

button以外のonclick で画像の高さや幅を変更する練習

←このボタンをクリックして表示するWebページと、同じように見えるHTMLを以下に作成してください。(htmlタグなど、小文字を使っても影響がない範囲で小文字を使ってください。)
なお、ボタンクリックで幅を20へ変更する関数の名前は、zm1にし、 高さを80へ変更する関数の名前は、im1にして、 head内でスタイル指定の後に、この順番で作ってください。 
上にある画像タグの名前をsy_uにし、 下の画像タグの名前をbx_bにしてください。
またタグ内は、必要に応じて src name onclick の順番に指定ください。
最初は答えを見て、出題されるパターンを覚えましょう。
なお、// --></script>の部分は変更しないでください。


←上記で編集した内容を、ブラウザで確認するボタンです
上のボタンで確認した後、正しいと思ったら、下の評価ボタンをクリックください。

←目標と同じ結果が得られるように修正してからクリックください。(下の枠に出たメッセージの⇒をクリックすると、違うと判断される近辺の行が反転します)
作り方はいろいろですが、わからない場合や正解しない場合は、答えを見て出題されるパターンを学習し、再度チャレンジしてください。
以下で、この問題で使われる画像ファイルを示します。これらのファイルは、 出題されるHTMLの位置と同じディレクトリ内に位置するimgディレクトリ内に存在します。
faceA0.gif→ faceB0.gif→
faceA1.gif→ faceB1.gif→
faceA2.gif→ faceB2.gif→
faceA3.gif→ faceB3.gif→

なお出題パターンは、ブラウザの更新操作で 異なる問題にできます。更新操作によりさまざまな問題にチャレンジして、このパターンのどんな問題でも答えを見ないで出来るまで何回でも行ってみましょう。タグなどを完全に暗記する必要はありませんが、タグの意味が理解できて、 作ったものがブラウザでどう反映されるかを想像できるようにすることが大切です。

先頭へ移動