Html形式java数学“bedmas”

时间:2018-03-30 07:23:53

标签: javascript html forms

我一直无法进入javascript数学。 我迷失了 BEDMAS 值将是((150 + 500)* 0.6)-25)= 365“value1-4”我怎样才能得到像这样的输入进入“艺术家剪辑”

将发布我的所有代码

<body>

 <form name="submit-to-google-sheet" class="pure-form pure-form-stacked">
 <fieldset>
  <input name="Date" type="Date" placeholder="Date" >
  <input name="Client" type="name" placeholder="Client">
  <input name="Artist" list="artist" placeholder="Artist">
	<datalist id="artist">
		<option value="Clyde">
		<option value="Eazy">
		<option value="Ale">
		<option value="Andy">
		<option value="Jaz">
		<option value="Geust">
	</datalist>

  <input name="Percentage" id="%" type="number" min="0.4" max="1" step="0.1" placeholder="Percentage" >

  <input name="Depost" id="depost" type="number" placeholder="Depost">
  <input name="Daycost" id="daycost" type="number" placeholder="Daycost">
    <input name="Jaz Artist" id="jaza" type="number" placeholder="Jaz Artist" >
  <input name="Jaz House" id="jazh" type="number" placeholder="Jaz House">
 <br><br>
  <button type="submit">Send</button>
  </fieldset>
</form>
<br><br>
<br>
    <div class="loading js-loading is-hidden">
      <div class="loading-spinner">
        <svg><circle cx="25" cy="25" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/></svg>
      </div>
    </div>
		<div class="js-success-message is-hidden">
			<h1>Tattdatt Tattoo</h1>
			<button type="reset" onclick="output();">Math</button>
			<h3>ARTIST CUT</h3>
			<h4 id="artistcut">$$$ </h4>
			<h3>HOUSE CUT</h3>
			<h4 id="housecut">$$$ </h4>
		</div>
    <p class="js-error-message is-hidden">Error!</p>
  </div>

  <script>
    const scriptURL = 'https://script.google.com/macros/s/AKfycbwlQn8LAFp7gmY8ifWdr5sjUtb1CHi3Z2d2O06fDcYLm3YFCMrX/exec'
    const form = document.forms['submit-to-google-sheet']
    const loading = document.querySelector('.js-loading')
    const successMessage = document.querySelector('.js-success-message')
    const errorMessage = document.querySelector('.js-error-message')
    form.addEventListener('submit', e => {
      e.preventDefault()
      showLoadingIndicator()
      fetch(scriptURL, { method: 'POST', body: new FormData(form)})
        .then(response => showSuccessMessage(response))
        .catch(error => showErrorMessage(error))
    })
    function showLoadingIndicator () {
      form.classList.add('is-hidden')
      loading.classList.remove('is-hidden')
    }
    function showSuccessMessage (response) {
      console.log('Success!>', response)
      setTimeout(() => {
        successMessage.classList.remove('is-hidden')
        loading.classList.add('is-hidden')
      }, 500)
    }
    function showErrorMessage (error) {
      console.error('Error!', error.message)
      setTimeout(() => {
        errorMessage.classList.remove('is-hidden')
        loading.classList.add('is-hidden')
      }, 500)
    }
  </script>
<script type="text/javascript" language="javascript" charset="utf-8">

function output(){

	var value1 = document.getElementById('depost').value;
    var value2 = document.getElementById('daycost').value;
	var value3 = document.getElementById('%').value;
    var value4 = document.getElementById('jaza').value;
	var value5 = document.getElementById('jazh').value;

    document.getElementById('artistcut').innerHTML = parseInt(value1) + parseInt(value2) * parseInt(value3) - parseInt(value4);
    document.getElementById('housecut').innerHTML = ((parseInt(value1) + parseInt(value2)) * parseInt(value3)) - parseInt(value4);

}

</script>
</body>

其他一切似乎都正常工作,房屋削减将会解决剩余的价值。

1 个答案:

答案 0 :(得分:0)

我已经修改了一下代码。您遇到的问题是,当您使用浮点值并且应该使用parseInt时,您尝试将所有内容都转换为整数(parseFloat)。我还重新命名了这些值,以便更清楚地发生了什么。正如您所看到的,我们可以根据BEDMAS原则省略括号,您可能已经知道如在制作艺术家剪辑时所示,或者我们可以将其留在括号中以使其更清晰,如在制作房屋剪裁时所示。

 LL_SetStatusCb(OnStatusRcv);
 LL_SetScanCb(scanCb);
 LL_Scan();

相关问题