單擊后擺脫表格上的文本區域

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