如何串联?字符串+数学谢谢

时间:2019-02-26 20:03:02

标签: javascript concatenation

大家好,我是javascript的新手,我真的希望有人可以向我解释如何连接这个特定示例:3和5以及1的总和是9。9的平方根是3.00。到目前为止,我只提供了一些有关代码的背景信息以及目标是什么。假定这是一个弹出警报框的计算器,并且该计算器具有三个文本字段,除了用户在该字段中输入的数字外,应该出现的文本应类似于上述示例。 我当前拥有的但不起作用的代码是这个。

function add() {

  //parseInt is basically converting from string to integer 
  var myNumber1 = parseInt(document.getElementById('Number1').value);
  var myNumber2 = parseInt(document.getElementById('Number2').value);
  var myNumber3 = parseInt(document.getElementById('Number3').value);

  var mysum = myNumber1 + myNumber2 + myNumber3;
  var mysqrt = Math.sqrt(mysum);
  
  alert("The sum of") myNumber1 + "and"
  myNumber2 + "and"
  myNumber3 + "is"
  mysum);
  
}
<h2>Web Calculator</h2>
<form>
  Number1:<input type="text" id="Number1" /><br /> Number2:
  <input type="text" id="Number2" /><br /> Number3:
  <input type="text" id="Number3" /><br />
  <input type="button" value="Submit" onclick="add()">

</form>

1 个答案:

答案 0 :(得分:0)

您发布的代码很好,但是有语法错误。您需要使用+运算符在alert()内串联字符串和变量。

类似alert(var1 + "string1" + var2)

这是一个有效的代码段。这是你想要的吗?

function add() {
  //parseInt is basically converting from string to integer 
  var myNumber1 = parseInt(document.getElementById('Number1').value);
  var myNumber2 = parseInt(document.getElementById('Number2').value);
  var myNumber3 = parseInt(document.getElementById('Number3').value);
  var mysum = myNumber1 + myNumber2 + myNumber3;
  var mysqrt = Math.sqrt(mysum);
  alert("The sum of " + myNumber1 + " and " +
    myNumber2 + " and " +
    myNumber3 + " is " +
    mysum);
  alert("The square root of " + mysum + " is " + mysqrt);
}
<head>
  <title>Lab6</title>
  <h2>Web Calculator</h2>
  <form>
    Number1:<input type="text" id="Number1" /><br /> Number2:
    <input type="text" id="Number2" /><br /> Number3:
    <input type="text" id="Number3" /><br />
    <input type="button" value="Submit" onclick="add()">

  </form>