Javascript—将值与自身相乘_Javascript_Multiplication

Javascript—将值与自身相乘

javascript

Javascript—将值与自身相乘,javascript,multiplication,Javascript,Multiplication,我想编写一个脚本，通过按下按钮将文本字段中的任意数字与自身相乘，并将结果作为警报给出。我对Javascript完全不熟悉（今天晚些时候必须编写我的第一次考试）。语法真让我受不了，有时与Java非常相似，但又不是以下是我到目前为止的想法： <!DOCTYPE html> <html> <head> <script> function myMultiply() { var x= $('#num1').val(); var y= x*x; aler

我想编写一个脚本，通过按下按钮将文本字段中的任意数字与自身相乘，并将结果作为警报给出。我对Javascript完全不熟悉（今天晚些时候必须编写我的第一次考试）。语法真让我受不了，有时与Java非常相似，但又不是

以下是我到目前为止的想法：

<!DOCTYPE html>
<html>
<head>
<script>
function myMultiply()
{
var x= $('#num1').val();
var y= x*x;
alert(x+" times "+x+" equals "+y);
return false;
}
</script>
</head>

<body>

<input type="text" id="num1">

<button onclick="myMultiply()">Try it</button>

<p>By clicking the button above, the value in the text field will be multiplied with itself.</p>

</body>
</html>


函数myMultiply（）
{
var x=$（'#num1'）.val（）；
变量y=x*x；
警报（x+“乘以”+x+“等于”+y）；
返回false；
}
试试看
单击上面的按钮，文本字段中的值将与自身相乘

您需要确保解析输入值，因为在查询输入值时它将是一个字符串。要使用乘法运算，需要一个数字。您通常希望传递10作为第二个基数参数，因为有不同的

您需要确保解析输入值，因为在查询时它将是一个字符串。要使用乘法运算，需要一个数字。您通常希望传递10作为第二个基数参数，因为有不同的

不能将要连接的字符串相乘，首先使用parseInt将值解析为int

尝试替换变量y=x*x；变量y=数量（x）*数量（x）

以及其他指示您应该

parseInt

的答案，应该注意，您当前没有包括jQuery（它允许您访问

$（“.element”）

符号）

是一个非常常见的javascript库，它为非常常见的javascript任务（选择器、事件等）节省了大量时间。您将在许多教程中看到

$（）

符号，要使用它，您需要包括jQuery

这将有助于：

<!DOCTYPE html>
<html>
<head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
        function myMultiply()
        {
                var x= parseInt( $('#num1').val(), 10 );
                var y= x*x;
                alert(x+" times "+x+" equals "+y);
                return false;
        }
        </script>
</head>

<body>

        <input type="text" id="num1" />
        <button onclick="myMultiply()">Try it</button>
        <p>By clicking the button above, the value in the text field will be multiplied with itself.</p>

</body>
</html>


函数myMultiply（）
{
var x=parseInt（$（'#num1'）.val（），10）；
变量y=x*x；
警报（x+“乘以”+x+“等于”+y）；
返回false；
}
试试看
单击上面的按钮，文本字段中的值将与自身相乘

以及其他指示您应该

parseInt

的答案，应该注意，您当前没有包括jQuery（它允许您访问

$（“.element”）

符号）

是一个非常常见的javascript库，它为非常常见的javascript任务（选择器、事件等）节省了大量时间。您将在许多教程中看到

$（）

符号，要使用它，您需要包括jQuery

这将有助于：

<!DOCTYPE html>
<html>
<head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
        function myMultiply()
        {
                var x= parseInt( $('#num1').val(), 10 );
                var y= x*x;
                alert(x+" times "+x+" equals "+y);
                return false;
        }
        </script>
</head>

<body>

        <input type="text" id="num1" />
        <button onclick="myMultiply()">Try it</button>
        <p>By clicking the button above, the value in the text field will be multiplied with itself.</p>

</body>
</html>


函数myMultiply（）
{
var x=parseInt（$（'#num1'）.val（），10）；
变量y=x*x；
警报（x+“乘以”+x+“等于”+y）；
返回false；
}
试试看
单击上面的按钮，文本字段中的值将与自身相乘

您的代码很好。您只是缺少jqueryinclude

将

添加到其他脚本的正上方，所有内容都将保持不变

Javascript将解析字符串，并在看到您试图乘法时自动将其转换为数字。“4”*“2”是8，而不是“44”或“42”或任何其他神奇的组合。引用$时出现语法错误，但实际上没有将jQuery作为必需脚本包含在内，因此函数最终未定义

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript">
    function myMultiply()
    {
      var x= $('#num1').val();
      var y= x*x;
      alert(x+" times "+x+" equals "+y);
      return false;
    }
  </script>
</head>

<body>

<input type="text" id="num1">

<button onclick="myMultiply()">Try it</button>

<p>By clicking the button above, the value in the text field will be multiplied with itself.</p>

</body>
</html>


函数myMultiply（）
{
var x=$（'#num1'）.val（）；
变量y=x*x；
警报（x+“乘以”+x+“等于”+y）；
返回false；
}
试试看
单击上面的按钮，文本字段中的值将与自身相乘

您的代码很好。您只是缺少jqueryinclude

将

添加到其他脚本的正上方，所有内容都将保持不变

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript">
    function myMultiply()
    {
      var x= $('#num1').val();
      var y= x*x;
      alert(x+" times "+x+" equals "+y);
      return false;
    }
  </script>
</head>

<body>

<input type="text" id="num1">

<button onclick="myMultiply()">Try it</button>

<p>By clicking the button above, the value in the text field will be multiplied with itself.</p>

</body>
</html>


函数myMultiply（）
{
var x=$（'#num1'）.val（）；
变量y=x*x；
警报（x+“乘以”+x+“等于”+y）；
返回false；
}
试试看
单击上面的按钮，文本字段中的值将与自身相乘

请将基数设为10。教一个初学者一些好的原则。@Shomz抱歉，我没法教你。总是指定parseInt的基数是一个很好的做法，如下所示：

var x=parseInt（$（'#num1'）.val（），10）来自您自己的链接：基数，表示上述字符串基数的整数。始终指定此参数以消除读取器混淆并保证可预测的行为。当未指定基数时，不同的实现会产生不同的结果。@Shomz谢谢，我将确保在将来的任何答案中使用parse int设置base，rajesh Cp谢谢编辑设置base 10，请。教一个初学者一些好的原则。@Shomz抱歉，我没法教你。总是指定parseInt的基数是一个很好的做法，如下所示：var x=parseInt（$（'#num1'）.val（），10）来自您自己的链接：基数，表示上述字符串基数的整数。始终指定此参数以消除读取器混淆并保证可预测的行为。当没有指定基数时，不同的实现会产生不同的结果。@Shomz谢谢，我会确保在以后的回答中使用parse int设置基数，rajesh Cp谢谢编辑关于Java和Javascript的精彩回答