js代碼如何拆分到多個文件

Question

我想更改按鈕單擊時的 HTML 代碼。 有沒有其他方法可以做到這一點？ 我面臨的問題是，隨着時間的推移，ex1、ex2 代碼變得越來越大，並且由於文本是字符串而變得難以閱讀。

<button onclick="test (1)">
click
</button>
<button onclick="test (2)">
click
</button>
<div id="ex1"></div>

const faq = {
ex1: `<button>1</button>`,
ex2: `<button>2</button>`
}

function test (number) {
if (number == 1){
document.getElementById("ex1").innerHTML = (faq.ex1);
}
if (number == 2){
document.getElementById("ex1").innerHTML = (faq.ex2);
}
}

Answer 1

您只需要刪除 function 調用之間的空格。

而不是這個：

test (1)

做這個

test(1)

您還需要刪除 function 名稱和括號之間的空格

而不是這個

function test ()

做這個

function test()

您還需要將 javascript 放入腳本標簽中，並確保它位於調用它的 html 之前。 查看示例片段

 <script> const faq = { ex1: `<button>1</button>`, ex2: `<button>2</button>` } function test(number) { if (number == 1){ document.getElementById("ex1").innerHTML = (faq.ex1); } if (number == 2){ document.getElementById("ex1").innerHTML = (faq.ex2); } } </script> <button onclick="test(1)"> click </button> <button onclick="test(2)"> click </button> <div id="ex1"></div>