dom 相关问题

我正在做一个小的 javascript 项目（猜数字），它通过文本框从用户那里获取一个值我正在制作一个小型 javascript 项目（猜数字），它通过文本框从用户那里获取值 <input type="number" class="numebr-holder" placeholder="?" /> 将其存储在名为 numberHolder 的变量中 const numberHolder = Number(document.querySelector(".numebr-holder").value); 并将其与存储在名为 secretNumber 的变量中的 1-20 之间的随机数进行比较 const secretNumber = Math.trunc(Math.random() * 20) + 1; 我将其记录到控制台以测试该功能。有三种可能的结果🚫当文本框（numebr-holder）为空时没有数字，📉当值小于secretNumber时太低，📈当值大于secretNumber时太高，或✅当值与secretNumber匹配时正确, 它们显示在名为 message 的段落中 <p class="message">start guessing...</p> 当我在函数（本地范围）内声明 numberHolder 并显示正确答案时，代码工作正常。 // global socpe let message = document.querySelector(".message"); const checkBtn = document.querySelector(".btn-check"); const secretNumber = Math.trunc(Math.random() * 20) + 1; console.log("the random number is = " + secretNumber); let checkTheNumber = function () { //local scope const numberHolder = Number(document.querySelector(".numebr-holder").value); if (!numberHolder) { message.textContent = "🚫no number"; console.log("no number"); } else if (numberHolder < secretNumber) { message.textContent = "📉 too low"; console.log("low " + numberHolder); } else if (numberHolder > secretNumber) { message.textContent = "📈 too high"; console.log("high " + numberHolder); } else { message.textContent = "✅ correct"; console.log("correct " + numberHolder); } }; checkBtn.addEventListener("click", checkTheNumber); 但是当 numberHolder 在全局范围内被清除时，它只存储第一个值已经放在文本框中，即使我更改文本框中的值它仍然相同，直到我刷新页面然后它在刷新之前存储值并且依此类推，直到我再次刷新以更改值。请问在本地范围和全局范围内声明 numberHolder 有什么区别，为什么它在全局范围内声明时只存储第一个值？？好吧，你声明 const numberHolder = Number(document.querySelector(".numebr-holder").value); 全局，它只在页面加载时读取一次输入元素的值，并且永远不会再改变。它确实不跟踪价值的变化。另一方面，在 checkTheNumber 函数中声明变量意味着每次单击按钮时都会读取 inut 元素的值，因为这是 checkBtn 的单击事件处理函数。

javascript function dom scope

回答 1 投票 0

react-bootstrap 在禁用/启用后失去焦点

我无法使用 react-bootstrap FormControl 获得输入以保持焦点。似乎禁用，然后启用控件会删除焦点。这是一个不受控制的输入，但与

javascript reactjs dom

回答 0 投票 0

使用 DOM 为现有值添加一个值

我正在从事银行 ATM 项目。用户可以输入一个值来存款或取款。单击时，余额会增加，将输入值添加到初始余额中。

javascript dom

回答 3 投票 0

如果父元素变旧，特定元素的所有子元素都会变旧吗？

我想知道如果 DOM 上的某个特定元素变得“陈旧”，它的所有子元素也会变得陈旧吗？如果您有用 Python Selenium 编写的源代码，将会非常有帮助。