受眾的介入互動

 

你可以把字寫進下面的填入區。
填入區：

於是你可以看到，下面的 div 框，你填入的在這裡面了，並有了html 的標記可以使用。

 

語法：

<p>你可以把字寫進下面的填入區。<br />
填入區：<input id="myInput" oninput="myFunction()" type="text" /></p>
<br />
<br />
於是你可以看到，下面的 div 框，你填入的在這裡面了，並有了html 的標記可以使用。
<div id="demo" style="border: 1px solid red; font-size: 36px; color: blue; padding: 5px 0px;">&nbsp;</div>
<script>
function myFunction() {
  let text = document.getElementById("myInput").value;
  document.getElementById("demo").innerHTML = text;
}
</script>



第二種語法的寫法，使用 addEventListener 參考看看。

 

語法：

<input id="myInput02" placeholder="請打入你要講的字！" type="text" />
<div id="id05071617" style="border: 1px solid red; font-size: 24px; padding: 5px 0px; width: 35%;">&nbsp;</div>
<script>
document.getElementById("myInput02").addEventListener("input", myFunction02);
function myFunction02() {
document.getElementById("id05071617").innerHTML = "&nbsp;" + document.getElementById("myInput02").value;
}
</script>