JSFiddle - React, Tailwind, and code Playground

by Ryan Hsu

HTML

<div>
  <div>
    <h1>Javascript Demo</h1>
    <input type='text' id='myTextField' onkeyup='change()'>
    <h2>使用者輸入：<span id='print'></span></h2>
  </div>
</div>

JavaScript

function change ()
{
  //抓取使用者輸入資料
  var _input = document.getElementById('myTextField').value;
  
  //抓取要輸出的位置
  var print = document.getElementById('print');
  
  //輸出
  print.innerHTML = _input;
}