如何将Javascript函数中的计算显示到HTML中？_Javascript_Html

如何将Javascript函数中的计算显示到HTML中？

javascript html

如何将Javascript函数中的计算显示到HTML中？,javascript,html,Javascript,Html,我无法让我的脚本进行简单的计算，并将它们显示到HTML文档中。本质上，我想显示函数所做的计算，它从HTML表单中获取p和q变量我尝试了许多不同的解决方案，但仍然无法解决。我在变量中添加了parseInt（），但运气不好以下是HTML： <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

我无法让我的脚本进行简单的计算，并将它们显示到HTML文档中。本质上，我想显示函数所做的计算，它从HTML表单中获取p和q变量

我尝试了许多不同的解决方案，但仍然无法解决。我在变量中添加了parseInt（），但运气不好

以下是HTML：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RSA GUI</title>
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,500,600,700&amp;subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="stylesheet.css">
<script type="text/javascript" src="RSA.js"></script>
</head>
<body>
 <div class="container">
  <div class="titles">
   <h1>RSA</h1>
   <h2>Inputs</h2>
   </div>
  <form class="form">

  <div class="group">
    <input type="text" required name="data">
    <span class="bar2"></span>
    <span class="bar"></span>
    <label>Data</label>
  </div>

  <div class="group">
    <input type="number" required id="num1">
    <span class="bar2"></span>
    <span class="bar"></span>
    <label>Prime Number</label>
  </div>

  <div class="group">
    <input type="number" required id="num2">
    <span class="bar2"></span>
    <span class="bar"></span>
    <label>Second Prime Number</label>
  </div>
  <button type="button" onlick="multiplyInt()">Calculate</button>
  <p id = "output"></p>
 </form>
</div>
</body>

按钮onclick函数的名称无效。它应该是multiplyInt而不是multiply（p，q）

有一些问题

您使用的是
```
onlick
```
而不是
```
onclick
```

您正在设置

onclick=“multiply（p，q）”

它应该

onclick=“multiplyInt（）”

在函数中，您使用的是getElementsById，它应该是
```
getElementById
```

函数multiplyInt（）{
var p=document.getElementById（“num1”）.value；
var q=document.getElementById（“num2”）.value；
var calc=p*q；
document.getElementById（“输出”）.innerHTML=calc；
}


rsagui
RSA
投入
资料
质数
第二素数
算计

有一些问题

您使用的是
```
onlick
```
而不是
```
onclick
```

您正在设置

onclick=“multiply（p，q）”

它应该

onclick=“multiplyInt（）”

在函数中，您使用的是getElementsById，它应该是
```
getElementById
```

函数multiplyInt（）{
var p=document.getElementById（“num1”）.value；
var q=document.getElementById（“num2”）.value；
var calc=p*q；
document.getElementById（“输出”）.innerHTML=calc；
}


rsagui
RSA
投入
资料
质数
第二素数
算计

multiply

不是

multiplyInt

，也不需要任何参数…

multiply

不是

multiplyInt

，也不需要任何参数…我只是更改了它，但它仍然不起作用，我没有显示输出。谢谢，虽然我刚刚更改了，但仍然不起作用，我没有显示输出。谢谢，很好的解决方案！这里的“数据”栏有什么用？很好的解决方案！这里的“数据”栏有什么用途？

function multiplyInt() {
  var p = document.getElementsById("num1").value;
  var q = document.getElementsById("num2").value;
  var calc = p*q;
  document.getElementById("output").innerHTML = calc;
}