如何將兩個不同的值存儲在同一輸入的兩個不同變量中？

Question

我有一個輸入類型編號，以及將同一輸入的不同值存儲在不同變量中的內容。 示例變量 number1 的 input.value 為 5，變量 number2 的 input.value 為 3，來自同一輸入。 這是我到目前為止所嘗試的，我知道這是不對的，因為會給出空字符串，但這就是我尋求幫助的原因。

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>

Answer 1

輸入將始終為''

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 ;