首頁猿問 HTML功能無法使用按鈕

HTML功能無法使用按鈕

JavaScript

狐的傳說 2019-04-18 16:15:56

我有一小部分HTML和JS，我不能在我的生活中獲得使用按鈕的功能。我嘗試了很多東西，并改變了創(chuàng)建按鈕和文本框的不同風(fēng)格，但我無法弄清楚如何修復(fù)它。這是代碼：<div id="orderForm"> <form name="orderingForm" action="form_action.asp"> <p>Complete this form to order Bags <br> <br> How many of each bag do you want (3p/ea)</p> <p>Number of Blue bags:        <input type="text" name="blueBags" value=0> </p> <p>Number of Red bags:         <input type="text" name="redBags" value=0> </p> <p>Number of Yellow bags:     <input type="text" name="yellowBags" value=0> </p> <p>Number of Green bags:     <input type="text" name="greenBags" value=0> </p> <p>Enter Desired Text:         <input type="text" name="textBags" value="Enter Your text here"> <p>Minimum order 100 bags</p> <input type="button" value="Click to Order" onClick="Order()"> </form></div><script>  function isInt(n) { return n % 1 === 0; } function Order() { var amountB = document.orderingForm.blueBags.value; var amountR = document.orderingForm.redBags.value; var amountY = document.orderingForm.yellowBags.value; var amountG = document.orderingForm.greenBags.value; var text = document.orderingForm.textBags.value; var total = amountB + amountR + amountY + amountG;

查看完整描述

5 回答

互換的青春

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個贊

在這里你錯過了處理'{}'，你的表單名稱是“orderingForm”而不是“form1”

試試這個：

 <html><body><div id="orderForm">
  <form name="orderingForm" action="form_action.asp">
  <p>Complete this form to order Bags    <br>
    <br> How many of each bag do you want (3p/ea)</p>

  <p>Number of Blue bags:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    <input type="text" name="blueBags" value=0>
  </p>
  <p>Number of Red bags:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    <input type="text" name="redBags" value=0>
  </p>
  <p>Number of Yellow bags:&nbsp;&nbsp;&nbsp;&nbsp;    <input type="text" name="yellowBags" value=0>
  </p>
  <p>Number of Green bags:&nbsp;&nbsp;&nbsp;&nbsp;    <input type="text" name="greenBags" value=0>
  </p>
  <p>Enter Desired Text:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
  <input type="text" name="textBags" value="Enter Your text here">
    <p>Minimum order 100 bags</p>

    <input type="button" value="Click to Order" onClick="Order()">
  </form></div></body><!--Script for the ordering system--><script>

  <!-- extra functions to check if input is an integer -->
  function isInt(n) {
    return n % 1 === 0;
  }

  function Order() {console.log("hai")
    var amountB = document.orderingForm.blueBags.value;
    var amountR = document.orderingForm.redBags.value;
    var amountY = document.orderingForm.yellowBags.value;
    var amountG = document.orderingForm.greenBags.value;
    var text = document.orderingForm.textBags.value;
    var total = amountB + amountR + amountY + amountG;

    if (isInt(orderingForm.blueBags.value) == true && isInt(orderingForm.redBags.value) == true && isInt(orderingForm.yellowBags.value) 
    == true && isInt(orderingForm.greenBags.value) == true) {
      if (total > 100) {
        var cost = (total * 0.03);

          alert("Order Confirmed");

      } else {
        alert("Minimum order is 100 bags.");
      }
    } else {
      alert("One or more of the forms doesn't contain a quantity for order.");
    }}</script>     </html>

希望它對你有所幫助。

反對回復(fù) 2019-05-07

慕后森

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個贊

你用過..而且錯過了}。試試這個

<div id="orderForm">
  <form name="orderingForm" action="form_action.asp">
  <p>Complete this form to order Bags    <br>
    <br> How many of each bag do you want (3p/ea)</p>

  <p>Number of Blue bags:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    <input type="text" name="blueBags" value=0>
  </p>
  <p>Number of Red bags:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    <input type="text" name="redBags" value=0>
  </p>
  <p>Number of Yellow bags:&nbsp;&nbsp;&nbsp;&nbsp;    <input type="text" name="yellowBags" value=0>
  </p>
  <p>Number of Green bags:&nbsp;&nbsp;&nbsp;&nbsp;    <input type="text" name="greenBags" value=0>
  </p>
  <p>Enter Desired Text:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
  <input type="text" name="textBags" value="Enter Your text here">
    <p>Minimum order 100 bags</p>

    <input type="button" value="Click to Order" onClick="Order()">
  </form></div><!--Script for the ordering system--><script>

  <!-- extra functions to check if input is an integer -->
  function isInt(n) {
    return n % 1 === 0;
  }

  function Order() {
    var amountB = document.orderingForm.blueBags.value;
    var amountR = document.orderingForm.redBags.value;
    var amountY = document.orderingForm.yellowBags.value;
    var amountG = document.orderingForm.greenBags.value;
    var text = document.orderingForm.textBags.value;
    var total = amountB + amountR + amountY + amountG;

    //if (isInt(form1.blueBags.value) == true && isInt(form1.redBags.value) == true && isInt(form1.yellowBags.value) 
    == true && isInt(form1.greenBags.value) == true) {
      if (total > 100) {
      //  var cost = (total * 0.03);
        //if (confirm("CONFIRM ORDER: /n blue bags: " + form1.blueBags.value + "/n red bags: " + form1.redBags.value
         + "/n yellow bags: " + form1.yellowBags.value + "/n green bags: " + form1.greenBags.value + "/n Desired Text: " + text)) {
          alert("Order Confirmed");
      //  } else {
      //    alert("Order Cancelled");
      //  }
      } else {
        alert("Minimum order is 100 bags.");
      }
    //}else {
    //  alert("One or more of the forms doesn't contain a quantity for order.");
  //  }}</script>

反對回復(fù) 2019-05-07

炎炎設(shè)計

TA貢獻(xiàn)1808條經(jīng)驗(yàn) 獲得超4個贊

替換行如下：

var text = document.orderingForm.textBags.value;

并添加兩個值使用parseInt(value)或parseFloat(value)作為：

var r = parseInt(amountB) + parseInt(amountR);

反對回復(fù) 2019-05-07

交互式愛情

TA貢獻(xiàn)1712條經(jīng)驗(yàn) 獲得超3個贊

.從此行中刪除

var text = document.orderingForm..textBags.value;

寫

var text = document.orderingForm.textBags.value;

并關(guān)閉}代碼的結(jié)尾

反對回復(fù) 2019-05-07

5 回答
0 關(guān)注
891 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

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

幫助反饋 APP下載

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

公眾號

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

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

熱搜

最近搜索清空

HTML功能無法使用按鈕

HTML功能無法使用按鈕

5 回答

添加回答