Document.getElementById

HTMLは、id属性でそのタグを一意に識別するIDを割り振れる。
Document.getElementByIdは、指定されたidのタグ要素(Element)オブジェクトを取得する。

ドキュメントオブジェクトモデル(DOM) - とほほのWWW入門

それが出来れば、あとはvalueで値を取得できる。

text1, button1とidを振って、button1がクリックされたら、text1の値を取得してalert表示。

もうabcdeがセットしてある
もうabcdeがセットしてある

もうabcdeがセットしてある。
button1を押すと、

こう出る
こう出る

こう出る。

xyzに変えても
xyzに変えても

xyzに変えても、

こう出る
こう出る

こう出る。

Sample/js/Document/getElementById/src/Document at master · bg1bgst333/Sample · GitHub