参考ページ

テキストフィールドと文字列加算の練習

changeボタンで テキストフィールドに入力した数値に対応する画像に変更するものです。
テキストフィールルドのデータをの名前の変数(:variable)に 記憶して使うプログラム練習です。 この変数は、""が記憶 されてるようにscriptの先頭で用意してください。 次に、変更する画像の相対パスを記憶する変数の名前を、pathにし、 ""が記憶されてるように用意してください。
その後に、の名前でボタンイベント用の関数(functuion)を 作ってください。
また、フォーム要素の名前を 、 画像要素の名前を 、 テキストフィールドの名前を にして、フォーム要素を div要素内に配置してください。
なお、タグ内は、class src type value size="1" name onclickの順番に指定ください。
必要ないものは省略ください。最初は答えを見て、出題されるパターンを覚えましょう。


なお、 Ctrl  +  < のキーや Ctrl  +  スペース のキー でヒントがでます。そして矢印のキーで選択し、Enterします。メニュー出現まで少し待ってください。
scriptタグは、head内で Ctrl  +  < を押して その他のメニューから選ぶことで挿入できます。

以下で、この問題で使われる画像ファイルを示します。これらのファイルは、 出題されるHTMLの位置と同じディレクトリ内に位置するimgディレクトリ内に存在します。
n00.gif n01.gif n02.gif n03.gif n04.gif n05.gif n06.gif n07.gif n08.gif n09.gif