我目前正在開發一個“課程”平臺，我想阻止用戶前進到下一個主題，直到他們點擊當前主題的最后一個專案。
我正在考慮做一個箭頭，它變暗且不可點擊（通過洗掉標簽或類似的東西），當用戶點擊最后一個專案時，它會恢復其顏色，用戶可以前進到下一個主題。
我假設它將通過使用 getElementByID 或 eventListener 更改 HTML 專案上的值來使用 JavaScript，但我不清楚如何繼續。
你們知道我該怎么做嗎？
uj5u.com熱心網友回復：
<body>
<input type="button" id="button1" value="Task 1"
onclick="unlockButton()" />
<input type="button" id="button2" value="Task 2" disabled />
<script>
function unlockButton() {
document.getElementById("button2").disabled = false;
}
</script>
uj5u.com熱心網友回復：
是的，您可以使用 javaScript 以多種方式執行此操作。以下是一些示例：
禁用/不可點擊 Javascript 中的 HTML 按鈕
我能想到的最簡單的方法：
<html>
<head>
<script>
function unlockButton() {
document.getElementById("button2").disabled = false;
}
</script>
</head>
<body>
<input type="button" id="button1" value="Task 1" onclick="unlockButton()" />
<input type="button" id="button2" value="Task 2" disabled />
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/369747.html
標籤：javascript html css