我是 js 新手，我正在嘗試制作一個生成亂數的簡單擴展。
document.getElementById("submit").onclick = function() {
a = document.getElementById("in1").value;
b = document.getElementById("in2").value;
document.getElementById("text").innerHTML = `Your num is ${Math.random() * (b - a) a}`;
};<body>
<h1>Generate a random number</h1>
<br>
<h2>First number</h2>
<input id="in1">
<br>
<h2>Second number</h2>
<input id="in2">
<br>
<button id="sumbit">Submit</button>
<h1 id="text">Your num is</h1>
<script src="popout.js"></script>
</body>這是我的 JSON 代碼：
{
"name": "Random number",
"version": "1.0",
"description": "Pass",
"browser_action":{
"default_title": "POPOUT.HTML",
"default_popup": "popout.html"
},
"manifest_version": 2,
"content_scripts": [
{
"matches": ["https://*/*"],
"js": ["popout.js"]
}
]
}
問題是，每當我單擊按鈕提交時，我都沒有得到結果。在我看來，我沒有包含某些內容，并且我的功能 onclick 從未被呼叫
uj5u.com熱心網友回復：
將 Id="sumbit" 更改為 id="submit" 并在 a 和 b 之前使用 let 或 const。
uj5u.com熱心網友回復：
我認為 content_scripts 是不必要的。我覺得從現在開始V3更好，所以我用V3重寫了。
清單.json
{
"name": "Random number",
"version": "1.0",
"manifest_version": 3,
"description": "Pass",
"action": {
"default_title": "POPOUT.HTML",
"default_popup": "popup.html"
}
}
popup.html
<!DOCTYPE html>
<body>
<h1>Generate a random number</h1>
<br>
<h2>First number</h2>
<input id="in1">
<br>
<h2>Second number</h2>
<input id="in2">
<br>
<button id="submit">Submit</button>
<h1 id="text">Your num is</h1>
<script src="myscript.js"></script>
</body>
</html>
myscript.js
document.getElementById("submit").onclick = () => {
const a = document.getElementById("in1").value;
const b = document.getElementById("in2").value;
document.getElementById("text").innerHTML = `Your num is ${Math.random() * (b - a) a}`;
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/512449.html
標籤：javascripthtmljson谷歌浏览器扩展内部html