なんちゃってプログラマのぼやき

１．ボタンを押すと、HTMLの値をJavascriptで取得
２．Javascriptで値を変更
３．Javascriptで変更した値をHTMLで取得

という処理を書いていきます。

基本的に、
document.getElementById("id名").innerHTML =
で、id名の付いたタグのテキストを書き換えることができます。
下記の例でも同じことを書いています。下の書き方の方が、スッキリ見やすいです。


HTML

<div id="result">変更前</div>
<div id="btn">ボタン</div>

Javascript

<script>
// HTMLの要素を取得
var btn = document.getElementsById( "btn" );
var result = document.etElementsById( "result" );

// ボタンをクリックするとresultに値を格納
btn.addEventListener('click',function(){
result.innerHTML = "変更後";
});

</script>