无法从用户那里获取数字并将其作为参数传递到 JavaScript 切片方法中-解网

问：

我正在制作一个小应用程序，它显示了如何使用不同的方法在 javascript 中操作字符串，我正在尝试获取数字作为输入并将该数字作为参数传递以切分字符串，但它不起作用，因为我无法从用户那里获取数字。我尝试在控制台中打印该数字，但它显示一个空行

这是我的，可以帮助您了解我在哪里犯了错误 HTML 代码

<input type="number" placeholder="number" class="number1">
<input type="number" placeholder="number" class="number2">
<button class="sliced">slice</button>
<h1 id="displaytext"></h1>

Javascript 代码

let message = document.querySelector("#displaytext")
let slicedButton = document.querySelector(".sliced")
let number1 = document.querySelector(".number1").value 
let number2 =document.querySelector(".number2").value
slicedButton.addEventListener("click", ()=>{
    console.log(number1,number2)
    message.innerHTML = userInput.value.slice(number1, number2)
})

JavaScript HTML 切片

userInput 是从用户那里获取字符串的输入字段，我已使用 dom 将其保存为 varible 。感谢您阅读我的问题，我可以向您展示我的代码我找到了答案吗，它可能会帮助您了解问题是什么以及我是如何解决的，因为我是 stack-overflow 的新手，我无法确切地判断问题是什么

0赞 Teemu 4/12/2023

value读取变量只是字符串，它们不与输入的实际值相关联。您必须从侦听器中的输入中读取值。

0赞 Abdelrahman 4/12/2023

@Teemu好吧，我明白了，你的问题是你没有得到听众的价值观，对吧？number1number2

0赞 Abdelrahman 4/12/2023

@Teemu对不起，地址错误。@Path，你只需要在事件侦听器中获取元素。在 DOM 之外可能还没有加载，这就是它们为 null 的原因。或者将所有代码放在事件侦听器中。load

答：

0赞 YouBee 4/12/2023 #1

尝试获取回调函数中的值。

let message = document.querySelector("#displaytext")
let slicedButton = document.querySelector(".sliced")

slicedButton.addEventListener("click", ()=>{
let number1 = document.querySelector(".number1").value 
let number2 =document.querySelector(".number2").value
    console.log(number1,number2)
    //message.innerHTML = userInput.value.slice(number1, number2)
})

let message = document.querySelector("#displaytext")
let slicedButton = document.querySelector(".sliced")
slicedButton.addEventListener("click", ()=>{
let number1 = document.querySelector(".number1").value 
let number2 =document.querySelector(".number2").value
    console.log(number1,number2)
    message.innerHTML = userInput.value.slice(number1, number2)
})

但是，这仍然会抛出，因为 uerInput 未定义

上一个：我可以用一个数字作为起点，用逗号作为终点来分隔一个字符串吗？

下一个：是否可以只更新 map（）中的“查看更多”？

无法从用户那里获取数字并将其作为参数传递到 JavaScript 切片方法中

unable to get number from user and pass it as a parameter in javascript slice method

评论

评论