已解決430363個問題，去搜搜看，總會有你想問的

如何使用 JavaScript 讓我的按鈕正常工作？

首頁猿問如何使用 JavaScript...

如何使用 JavaScript 讓我的按鈕正常工作？

JavaScript

森林海 2023-07-29 16:26:49

我正在創建一個 Google Chrome 擴展，并且試圖讓我的停止/停止日志記錄按鈕在我名為 Logger 的函數中工作。按下按鈕時，它不會對我編寫的函數做出反應，當前它顯示停止按鈕，但我希望它在單擊時顯示開始按鈕。我希望我對此進行了一些解釋，但有人可能知道為什么我的功能不起作用嗎？下面是我當前的 javascript 函數和 html ：彈出窗口.js//attempt to get start/stop logging buttons to workfunction Logger(isLogging, notLogging) {? ? if (isLogging = true, notLogging = false) {? ? ? ? addRow();? ? ? ? document.getElementById("click-start").style.display = "block";? ? ? ? document.getElementById("click-stop").style.display = "none";? ??? ? }? ? if (isLogging = false, notLogging = true) {? ? ? ? document.getElementById("click-start").style.display= "none";? ? ? ? document.getElementById("click-stop").style.display= "block";? ? }}//button to start loggingdocument.addEventListener('DOMContentLoaded', function() {? document.getElementById("click-start").addEventListener("click", Logger(true, false));});//button to stop loggingdocument.addEventListener('DOMContentLoaded', function() {? document.getElementById("click-stop").addEventListener("click", Logger(false, true));});彈出窗口.html? ? <button class="button button1" id="click-start" >? ? <u> Start Logging </u>? ? </button>? ??? ? ? ? <button class="button button2" id="click-stop" >? ? <u> Stop Logging </u>? ? </button>

查看完整描述

2 回答

莫回無

TA貢獻1865條經驗獲得超7個贊

這可能有助于讓核心功能正常工作，這個實現可以得到很大的改進

const btnStart = document.getElementById("click-start");

const btnStop = document.getElementById("click-stop");

//attempt to get start/stop logging buttons to work

function Logger(isLogging) {

? ? console.log(isLogging)

? ? if (isLogging) {

? ? ? ? btnStart.style.display = "block";

? ? ? ? btnStop.style.display = "none";

? ? }else{

? ? ? ? btnStart.style.display = "none";

? ? ? ? btnStop.style.display = "block";

? ? }

}

//button to start logging

document.addEventListener("DOMContentLoaded", function () {

? ? btnStart.addEventListener("click", function() {Logger(false)});?

? ? btnStop.addEventListener("click", function() {Logger(true)});

});

您必須盡量將對 DOM 的查詢保持在最低限度?？匆幌虑袚Q方法，它將有助于使您的代碼更精簡且更易于維護

反對回復 2023-07-29

桃花長相依

TA貢獻1860條經驗獲得超8個贊

我不確定如果您在 addEventListener 中像這樣使用 Logger 函數是否會執行。

也許你可以像這樣嘗試一下：

document.addEventListener('DOMContentLoaded', function() {

document.getElementById("click-start").addEventListener("click", function () {

Logger(true, false))

};

});

反對回復 2023-07-29

2 回答
0 關注
161 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用 JavaScript 讓我的按鈕正常工作？

如何使用 JavaScript 讓我的按鈕正常工作？

2 回答

添加回答

如何使用 JavaScript 讓我的按鈕正常工作？

如何使用 JavaScript 讓我的按鈕正常工作？