Javascript 如何显示输入文本的确认信息？

我是一名学生，对JS很陌生，就像这是我的第一个项目。话虽如此，请原谅我的编码在你们专家看来是多么幼稚。我按照我项目的指示

我试图找出如何显示用户在输入中键入的内容的确认。我已经通读了前面类似的问题，但没有一个问题像我的编码那样基本，因此我不知道如何按照这些示例来纠正我的问题

而且，我也不明白为什么我的总数是把这些数字并排合并而不是加在一起。我尝试了许多不同的操作，但无法找出我做错了什么

有人能帮我弄清楚如何显示用户输入的内容，以及如何添加总成本和税收与它们的组合吗？感谢您的帮助

var-tilletters；
风险价值成本=3；
风险价值税=0.08；
函数确认（）{
Tilletters=document.getElementById（“字母”）.text；document.getElementById（“确认”）.innerHTML=Tilletters；
}
函数calculateCost（）{
tilletters=document.getElementById（“字母”）.value；
var tileCount=tilletters.length；
var spaceCount=（tilletters.split（“”.length-1）；
var税=（tileCount-spaceCount）*成本；
document.getElementById（“成本”）.innerHTML=“小计$”+（tileCount-spaceCount）*成本；
document.getElementById（“taxes”）.innerHTML=“加上taxes$”+（tileCount-spaceCount）*成本*税费；
document.getElementById（“total”）.innerHTML=“您的总成本为$”+（tileCount-spaceCount）*成本*税费+（（tileCount-spaceCount）*成本）；
}

计算你的成本
您已输入
成本
加上税费
总成本

输入框没有名为

.text

的属性。您可能想要

.value

：

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

---

您的代码将数字添加到末尾，而不是以数学方式添加它们，因为它将其视为字符串连接而不是数字操作（例如，思考当您执行

“Hello”+“World”

-它将为您提供

“Hello World”

）。让它表现出你想要的样子；您需要确保所添加的两个内容都是数字

---

一种方法是使用

parseFloat

函数。它接受一个字符串，并将其转换为浮点数；e、 g.

parseFloat（“6”）

为您提供了

6.0

，而不是以前的

“6”

。

首先，为了从输入中获取值，您需要执行以下操作：

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

secound由于您可以在数字中添加字母，因此它不会一直工作。 因此，您可以使用简单的js函数isNaN（）检查它是否是一个数字。

---

在Javascript中，每当您尝试对两个变量进行操作时，请始终注意这三种类型，例如在您的总计算中，您使用字符串将两个金额相加，该字符串将生成concat而不是Sum

而且，当您仅在html控件中插入文本时，请使用

innerText

属性，而不是

innerHtml

我已经更改了你的密码。尝试运行代码段

var-tilletters；
风险价值成本=3；
风险价值税=0.08；
函数确认（）{
Tilletters=document.getElementById（“字母”）.value；//值而不是文本
document.getElementById（“确认”）.innerText=tilletters；
确认（“您输入了”+Tilletters）；//此处添加了确认框（如果不需要），请将其删除
}
函数calculateCost（）{
tilletters=document.getElementById（“字母”）.value；
var tileCount=tilletters.length；
var spaceCount=（tilletters.split（“”.length-1）；
var小计=（tileCount-spaceCount）*成本；//税收变量重命名为小计
var tax=（tileCount-spaceCount）*成本*税费；//计算中增加的税费
var总额=小计+税金；
document.getElementById（“成本”）.innerText=“小计$”+小计；
document.getElementById（“taxes”）.innerText=“Plus taxes$”+tax；
document.getElementById（“total”）.innerText=“您的总成本为$”+总计；
}

计算你的成本
您已输入
成本
加上税费
总成本

欢迎使用JavaScript。JavaScript几乎没有什么缺陷

因为您将计算附加到字符串，所以JavaScript假定这两个数字是字符串。 所以，为了修复您的代码，我将它们分开。 我使用变量来存储值，并在

innerHTML

中使用这些值。我使用

parseFloat（）

来添加这两个值

var-tilletters；
风险价值成本=3；
风险价值税=0.08；
函数确认（）{
Tilletters=document.getElementById（“字母”）.text；document.getElementById（“确认”）.innerHTML=Tilletters；
}
函数calculateCost（）{
tilletters=document.getElementById（“字母”）.value；
var tileCount=tilletters.length；
var spaceCount=（tilletters.split（“”.length-1）；
var税=（tileCount-spaceCount）*成本；
var totalTax=税*税；
var totalCost=总税收+税收；
document.getElementById（“成本”）.innerHTML=“小计$”+税费；
document.getElementById（“taxes”）.innerHTML=“Plus taxes$”+totalTax；
document.getElementById（“total”）.innerHTML=“您的总成本为$”+parseFloat（totalTax+tax）；
//或者document.getElementById（“total”）.innerHTML+“您的总成本为$”+总成本；
}

计算你的成本
您已输入
成本
加上税费
总成本

您在HTML中犯了一些错误。这就是你要找的：

1.如何获取输入框的值 要获取输入框的值，可以通过

.value

引用它。 例如：

函数计算（）{
var valueOfInputBox=document.getElement