changeボタンで テキストフィールドに入力した数値に対応する画像に変更するものです。
テキストフィールルドのデータをの名前の変数(:variable)に
記憶して使うプログラム練習です。
この変数は、""が記憶
されてるようにscriptの先頭で用意してください。
次に、変更する画像の相対パスを記憶する変数の名前を、pathにし、
""が記憶されてるように用意してください。
その後に、の名前でボタンイベント用の関数(functuion)を
作ってください。
また、フォーム要素の名前を 、
画像要素の名前を 、
テキストフィールドの名前を
にして、フォーム要素を div要素内に配置してください。
なお、タグ内は、class src type value size="1" name onclickの順番に指定ください。
必要ないものは省略ください。最初は答えを見て、出題されるパターンを覚えましょう。
なお、 Ctrl + < のキーや
Ctrl + スペース のキー
でヒントがでます。そして矢印のキーで選択し、Enterします。メニュー出現まで少し待ってください。
scriptタグは、head内で Ctrl + < を押して
その他のメニューから選ぶことで挿入できます。
n00.gif | n01.gif | n02.gif | n03.gif | n04.gif | n05.gif | n06.gif | n07.gif | n08.gif | n09.gif |