第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何檢索表單值,對該表單值執(zhí)行操作并在<p>標(biāo)記中顯示?

如何檢索表單值,對該表單值執(zhí)行操作并在<p>標(biāo)記中顯示?

蕪湖不蕪 2021-04-26 22:17:14
我想從表單控件類型=“數(shù)字”中獲取一個數(shù)字,將其進(jìn)行比較,然后如果條件確定,則對其進(jìn)行乘法和除法。之后,我想將結(jié)果顯示為<p>標(biāo)簽的內(nèi)容。如何做到這一點?到目前為止,這是我嘗試過的:let amount = document.getElementById(".amount");let marginAmount = document.getElementById(".marginAmount")let submit = document.getElementById(".submit");submit.addEventListener('click', calcAmount);const calcLevel1 = amount * 7 / 100;function calcAmount() {  let userAmount = Number(amount.value);  let level1 = 351;  if (userAmount <= level1) {    marginAmount.textContent = calcLevel1.value;  }}<div class="form">  <label for="points amount">Entrez un montant en points</label>  <input type="number" class="amount-enter" id="amount">  <input type="submit" value="Montant marge additionnelle" id="submit" class="submit-enter"></div><p id="marginAmount" class="enter-margin"></p>
查看完整描述

2 回答

?
郎朗坤

TA貢獻(xiàn)1921條經(jīng)驗 獲得超9個贊

這是已更正的代碼,有。我還添加math.round了哪些要刪除的內(nèi)容以獲得四舍五入的結(jié)果:


<html>


<head>

  <script>

    function calcAmount() {

      let userAmount = document.getElementById("amount").value;

      let level1 = 351;

      if (userAmount <= level1) {

        document.getElementById("marginAmount").textContent = Math.round(userAmount * 7) / 100;

      } else {

        document.getElementById("marginAmount").textContent = "Amount is > 351";

      }

    }

  </script>

</head>


<body>

  <div class="form">

    <label for="points amount">Entrez un montant en points</label>

    <input type="number" class="amount-enter" id="amount">

    <input type="submit" value="Montant marge additionnelle" id="submit" class="submit-enter" onclick="calcAmount()">

  </div>

  <p id="marginAmount" class="enter-margin"></p>

</body>


查看完整回答
反對 回復(fù) 2021-05-06
?
慕桂英4014372

TA貢獻(xiàn)1871條經(jīng)驗 獲得超13個贊

三件事:

  • .在ID選擇器中沒有這些選擇器(它們應(yīng)該存在,#但只能在一種querySelector方法中使用)。

  • 您正在calcLevel1直接計算,這意味著0 * 7 / 1000。

  • 你需要計算calcLevel1amount.value,這意味著你可以刪除calcLevel1.value,當(dāng)你設(shè)置textContent的段落。

我還添加了一條else語句,以便textContent在該語句為false時將其清空。

let amount = document.getElementById("amount");

let marginAmount = document.getElementById("marginAmount")

let submit = document.getElementById("submit");

submit.addEventListener('click', calcAmount);


function calcAmount() {

  const calcLevel1 = amount.value * 7 / 100;

  let userAmount = Number(amount.value);

  let level1 = 351;

  if (userAmount <= level1) {

    marginAmount.textContent = calcLevel1;

  } else {

    marginAmount.textConten = "";

  }

}

<div class="form">

  <label for="points amount">Entrez un montant en points</label>

  <input type="number" class="amount-enter" id="amount">

  <input type="submit" value="Montant marge additionnelle" id="submit" class="submit-enter">

</div>

<p id="marginAmount" class="enter-margin"></p>


查看完整回答
反對 回復(fù) 2021-05-06
  • 2 回答
  • 0 關(guān)注
  • 198 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號