javascript - 如何确认输入的文本是什么？

Question

我是一名学生，对 JS 还很陌生，就像这是我处理它的第一个项目。话虽如此，请原谅我的编码在你们这些专家看来是多么幼稚。我遵循了我的项目的说明...

我正在尝试弄清楚如何确认用户在输入中键入的内容。我已经阅读了之前类似的问题，但没有一个像我的编码一样基础，所以我不知道如何按照这些示例来纠正我的问题。

此外，我不明白为什么我的总数是并排组合数字而不是将它们相加。我尝试了这些操作的许多不同变体，但无法弄清楚我做错了什么。

谁能帮我弄清楚如何显示用户输入的内容以及如何为总计与他们合并添加成本和税金？感谢您的帮助。

var tileLetters;
var cost = 3;
var taxes = 0.08;

function confirmEntry() {
  tileLetters= document.getElementById("letters").text; document.getElementById("confirm").innerHTML= tileLetters;
}

function calculateCost() {
  tileLetters = document.getElementById("letters").value;
  var tileCount= tileLetters.length;
  var spaceCount= (tileLetters.split(" ").length - 1);
  var tax= (tileCount - spaceCount) * cost;
 
 document.getElementById("cost").innerHTML= "Subtotal $" + (tileCount - spaceCount) * cost; 
  
 document.getElementById("taxes").innerHTML= "Plus taxes $" + (tileCount - spaceCount) * cost * taxes;
 
 document.getElementById("total").innerHTML= "Your total cost is $" + (tileCount - spaceCount) * cost * taxes + ((tileCount - spaceCount) * cost);  
}

<input id="letters" type="text" name="entry"><br>
	
	<button onclick="confirmEntry() + calculateCost()">Calculate Your Cost</button>
	
  <p id="confirm">You entered</p>
  <p id="cost">Cost</p>
	<p id="taxes">plus taxes</p>
  <p id="total">Total cost</p>

Answer 1

输入框没有名为 .text 的属性。您可能想要 .value:

tileLetters = document.getElementById("letters").value;

---

您的代码将数字添加到末尾而不是数学上添加它们，因为它将其视为字符串连接而不是数字运算(例如，想想当您执行 "Hello"+ "World" - 它给你 "Hello World")。让它按照你想要的方式运行；你需要确保你添加的两个都是数字。

执行此操作的一种方法是使用 parseFloat 函数。这需要一个字符串，并将其转换为 float ；例如parseFloat("6") 为您提供 6.0 而不是您之前拥有的 "6"。