常用方式:

直接將script寫在html的 head or body 裡。

<script>
function testFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

寫在外部文件，用導入的方式。

<script src="testscript.js"></script>

也能使用別人做好的CDN，例如Boostrap的js。

var 宣告一個變數，同時能賦予一個值

document.getElementById(id)
這是js常用的程式碼，能選擇div用來定義改變其中的內容。

在html裡給物件上ID，可直接用JS進行控制與互動。

例如:

<button type="button" onclick="erpedit_mod()">
    <span>編輯</span>
</button>

<div id="box1" style="visibility: hidden;" >hello!</div>

<script>
        function erpedit_mod() {
            document.getElementById("box1").style.visibility = "visible";
            }
</script>

按下按鈕，box1就會出現。