如何在同一个输入的两个不同变量中存储两个值?

问题描述 投票:0回答:1

我有一个输入类型编号,并且将同一输入的不同值存储在不同的变量中。示例变量1的input.value为5,变量number2的input.value为3,来自同一输入。这是我到目前为止尝试过的方法,但是变量number2将在控制台中提供一个空字符串。

let input = document.querySelector('#input');
let output = document.querySelector('#output');

let number1 = input.value;
console.log('this is number1' + number1);


input.value = '' ;

if( number1) {
  let number2 = document.querySelector('#input');
  number2 = number2.value;
  console.log('this is number2' + number2);
}


output.innerHTML = input.value ;

 <input id="input" type="number" placeholder="choose a number here">
 <div id="output" class="visor"></div>

javascript
1个回答
0
投票

输入将始终为''

let input = document.querySelector('#input');
let output = document.querySelector('#output');

let number1 = input.value;
console.log('this is number1' + number1);


input.value = '' ; // <-- You're setting the value of #input here

if( number1) {
  let number2 = document.querySelector('#input');
  number2 = number2.value;
  console.log('this is number2' + number2);
}


output.innerHTML = input.value ;


© www.soinside.com 2019 - 2024. All rights reserved.