小道具：短い HTML 構文のテスト #JavaScript

"&" などの構文を直接入力して試すための小道具です。

処理は、入力タグ(textarea)の value を出力タグ(td)の innerHTML に代入するだけです。

See the Pen HTML構文のテスト by Ikiuo (@ikiuo) on CodePen.

test.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>innerHTML テスト</title>
  </head>
  <body>
    <table border="1">
      <tr><th>入<br/>力</th><td>
	  <textarea cols="80" rows="6" oninput="out.innerHTML=this.value"></textarea>
      </td></tr>
      <tr><th>出<br/>力</th><td id="out"></td></tr>
    </table>
  </body>
</html>

JavaScript は oninput 内の out.innerHTML=this.value のみ