入力フォームで入力した値をもとに結果を返すプログラムでcssを使うとうまくいかない

Question

解決しました

Answer 1

    <div id="exchange">
      <form name="exchange" method="post">

JavaScriptコード中でexchangeが <div>の方を指すようになって動作しなくなってます。id="exchange" を別の値に変えましょう。

または、この場合スタイルのためだけに id="exchange" を使用しているようなので、class="exchange" に変えてスタイルシートも .exchange form { ...} にしても良いですね。

Comments

[退会済みユーザー]

うまくいきました。分かりやすい回答ありがとうございました！

Answer 2

親から何も辿らない変数はまずid属性を見に行き、あればそこで特定されます。

HTMLを変えたくない場合、別途getElementするか所属を明示すべくdocument.formsをつけるなど、要素の特定方法を工夫してください。

ただ、idと同じ設定値で別属性値があるのは全体的な整合性として微妙なので、属性値を見直したほうが良いと思います。

idとはidentity。特定できる要素になりますので。

Comments

[退会済みユーザー]

id名を変えてみたところ解決できました！ありがとうございました。

[m.ts10806]

問題の本質は名称が云々より要素が特定できる指定の仕方をしていないことです。

[退会済みユーザー]

わかりました…勉強してみます！