时间戳

首页 > 解决方案 > 如何串联？字符串 + 数学 谢谢

javascript - 如何串联？字符串 + 数学 谢谢

问题描述

嘿伙计们，我是 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>

标签： javascriptconcatenation

解决方案

您发布的代码很好，但只是有语法错误。您需要使用+运算符在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>

推荐阅读