回傳輸入值-有解無憂

從輸入中，我在輸入文本中輸入數字，然后我有 5 個按鈕，它們有功能'不顯示對輸入框的更改。我該如何解決這個問題，我的意思是不知道該怎么做，因為我嘗試使用number.innerHTML = number-=1但它不起作用？這是我的 html 和 javascript 代碼：

var number = document.getElementById("number");
number = number.value;

function minus() {
  number.value = number -= 1;
  console.log(number);
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <div>
    <input type="text" id="number" id="output">
    <input type="button" value="<" onclick="minus();">
    <input type="button" value=">" onclick="plus();">
    <input type="button" value="FLIP" onclick="flip();">
    <input type="button" value="STORE" onclick="store();">
    <input type="button" value="CHECK" onclick="check();">
  </div>

</body>

</html>

uj5u.com熱心網友回復：

好的，讓我們在這里合乎邏輯地思考

var number = document.getElementById("number");
number = number.value;

function minus() {
  number.value = number -= 1;
  console.log(number);
}

首先，您將 HTML ELEMENT 本身分配給 var“number”，然后將“number”var 的值更改為 HTML 元素的值，然后number.value = number - 1嘗試設定“value”的屬性一個數字物件，沒有意義，因為它不再連接到 HTML 元素

只需創建兩個變數就可以了，例如

var number = document.getElementById("number");
var numberValue = number.value;

function minus() {
  numberValue = number.value;
  number.value = numberValue -= 1;
  console.log(number,numberValue);
}

或者，您只需要一個變數總計，并且您不需要將其重新分配給“number.value”，但唯一的事情是這樣就無法保證 number.value 是一個數字，但是當您首先將它設定為一個變數，像上面一樣，你可以檢查if(!isNaN)或類似的東西，但是，如果我們只想假設只會輸入數字，我們可以做類似的事情

var number = document.getElementById("number");


function minus() {

  number.value = number.value -= 1;
  console.log(number,number.value);
}

uj5u.com熱心網友回復：

試試這個。

var number = document.getElementById("number");

function minus() {
  number.value = number.value -= 1;
  console.log(number);
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <div>
    <input type="text" id="number" id="output">
    <input type="button" value="<" onclick="minus();">
    <input type="button" value=">" onclick="plus();">
    <input type="button" value="FLIP" onclick="flip();">
    <input type="button" value="STORE" onclick="store();">
    <input type="button" value="CHECK" onclick="check();">
  </div>

</body>

</html>

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/363314.html

標籤：javascript html

上一篇：如何在CSS中隱藏超過父級寬度的子級元素

下一篇：php替換pdf大資料轉儲功能