单击后摆脱表格上的文本区域

Question

我的javascript提供了一个铭牌估计，每个字母是10美元

对于Javascript来说，这是非常新的东西，一旦单击“提交” /“按钮”，我将尝试摆脱输入/显示中的文本区域。 。。。 只能说如果我想重新输入一个输入，则应清除最后一个输入并给出新的价格。 。。 现在正在堆积

例如：输入名称：总成本是$ 30总成本是$ 60总成本是$ 60总成本是$ 90总成本是$ 110总成本是$ 140

<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>

这是我的JavaScript;

document.getElementById('button').onfocus = function(){

var userText = document.getElementById('userInput').value ; 


var cost = 10 ;
var price = function(){

 var total = userText.length * cost;
  return total ; 
}  


if (userText.length === 0){

  var elError = document.getElementById('enterName') ; 
  elError.innerHTML += "Please enter a valid name" ; 
} else {

  var elErrror = document.getElementById('enterName') ; 
  elErrror.innerHTML += 'Total Cost is $'  + price() ; 



}

}

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 个解决方案

解决方案1
4 已采纳 2016-05-03 08:33:36

解决方案2
0 2016-05-03 08:49:56

单击后摆脱表格上的文本区域

问题描述

2 个解决方案

解决方案1 4 已采纳 2016-05-03 08:33:36

解决方案2 0 2016-05-03 08:49:56

解决方案1
4 已采纳 2016-05-03 08:33:36

解决方案2
0 2016-05-03 08:49:56