如何更改默认值并使用新值

Question

我有一个默认值为的输入文本字段

<input type="text" id="lvKey" name="lvKey" value="vb4Kiu">

我有一个按钮：

<input type="button" id="startButton" value="Start">

用户应能够在文本字段中写入另一个代码，并通过点击按钮根据自己的值(例如，新值"s621pV"(启动函数。因此我尝试了：

var startButton = document.getElementById('startButton');
var lvKey = document.getElementById('lvKey').value;
startButton.onclick = function(){
level(lvKey);
}

我不知道如何更改默认值。谷歌没用。。。

var startButton = document.getElementById('startButton');
var lvKey = document.getElementById('lvKey').value;
startButton.onclick = function() {
level(lvKey);
}
function level(lvKey) {
console.log(lvKey);
}

<input type="text" id="lvKey" name="lvKey" value="vb4Kiu">
<input type="button" id="startButton" value="Start">

Answer 1

点击按钮后，您需要获取输入值，因此您必须将var lvKey = document.getElementById('lvKey').value;移动到startButton.onclick = function(){:中

var startButton = document.getElementById('startButton');
startButton.onclick = function(){
var lvKey = document.getElementById('lvKey').value;
level(lvKey);
}

Answer 2

如果将值移动到onclick函数中，则可以获取该值并将其传递给另一个函数，然后该函数可以对给定的值执行某些操作。

var startButton = document.getElementById('startButton');
startButton.onclick = function(){
var lvKey = document.getElementById('lvKey').value;
level(lvKey);
}
function level(val) {
console.log(val);  // consoles the value of the input
}

<input type="text" id="lvKey" name="lvKey" value="vb4Kiu">
<input type="button" id="startButton" value="Start">

Answer 3

您应该在onclick函数中获得输入值

document.getElementById('startButton').onclick = function(){
var lvKey = document.getElementById('lvKey').value;
console.log(lvKey);
}

<input type="text" id="lvKey" name="lvKey" value="vb4Kiu">
<input type="button" id="startButton" value="Start">

Answer 4

点击后读取输入值。

var startButton = document.getElementById('startButton');
startButton.onclick = function(){
var lvKey = document.getElementById('lvKey').value;
level(lvKey);
}
function level(lvKey){
console.log(lvKey)
}

<input type="text" id="lvKey" name="lvKey" value="vb4Kiu">
<input type="button" id="startButton" value="Start">