Question

我的javascript给出了铭牌的估算值每封信都是10美元

Javascript非常新，我试图在点击提交/按钮后摆脱输入/显示上的文本区域。。。。我只想说如果我想重新输入一个输入它应该清除最后一个输入并给出新的价格。。。现在正在堆积

例如：输入名称：总成本为30美元总成本为60美元总成本为60美元总成本为90美元总成本为110美元总成本为140美元

form.html.eex

继承人我的javascript;

<body>
<div id='container' > 
    <div id='banner'> 
          <h4 id='signName'>Name Plate Estimate</h4>
    </div>
          <p id="enterName">Enter Name: </p> 

    <div id='form'>
          <form>
              <input id="userInput" name="userInput" type="text" />
    <br>
          </form>

    </div>
       <button id="button">Show Cost</button>
</div> 



</body>

Answer 1

您要使用+=将新数据附加到您的元素，您想要替换整个innerHTML，所以只需使用=运算符。

elErrror.innerHTML += 'Total Cost is $'  + price() ;

变为

elErrror.innerHTML = 'Total Cost is $'  + price() ;

Answer 2

请添加以下脚本：

document.getElementById('userInput').onfocus = function(){
  document.getElementById('userInput').value = ''
};

单击后删除表单上的文本区域

2 个答案: