Why it doesn't work?

作業のメモ、記録をブログに残しています。

トップ > JavaScript > JavaScript HTML内の文字を動的に書き換える

JavaScript HTML内の文字を動的に書き換える

JavaScript html5

今日もJavaScriptです。
何かのイベントをトリガーにしてHTMLの表示文字列を参照、変更するには、innerHTMLを使用します。
test.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JavaScript Test</title>
    <script type="text/javascript" src="test.js"></script>
  </head>
  <body>
  <div id="loadmsg">Now loading</div>
    <script>startTimer();</script>
  </body>
</html>

test.js

function startTimer(){
  setTimeout(timeout, 5000);
}

function timeout(){
  document.getElementById("loadmsg").innerText = "Done!";
}

上記サンプルを実行すると、開始時には"Now loading"というメッセージが表示され、5秒後に"Done!"というメッセージに変更されます。
今日はここまで。