Javascript 表单按钮在新窗口中不断显示结果_Javascript_Html

Javascript 表单按钮在新窗口中不断显示结果

javascript html

Javascript 表单按钮在新窗口中不断显示结果,javascript,html,Javascript,Html,这里对html和javascript非常陌生。我得到了下面的表格，它计算正确，但结果显示在新的页面上。我希望它保持在同一页上。不知道我做错了什么。还有，有没有办法缩短功能？做一个简单的计算似乎要做很多工作。任何帮助都会很好 <html> <head> <title>Help!</help> <script type="text/javascript"> function add(x,y){

这里对html和javascript非常陌生。我得到了下面的表格，它计算正确，但结果显示在新的页面上。我希望它保持在同一页上。不知道我做错了什么。还有，有没有办法缩短功能？做一个简单的计算似乎要做很多工作。任何帮助都会很好

<html>
<head>
    <title>Help!</help>
    <script type="text/javascript">
        function add(x,y){
        var x = document.add1.add2.value;
        var y = document.add1.add3.value;
        var x = Number(x);
        var y = Number(y);
        var z = x+y;
        return (z);
        }
    </script>
</head>
<body>
    <h3>Help me stack overflow you're my only hope!</h3>

    <form name="add1">
    Input first number to add: <input type="number" name="add2">
    2nd number: <input type="number" name="add3">
    <input type="button" value="Result"
    onclick = "document.write('The total is: ' + add() + '.');" />

</body>
</html>


救命啊！
函数添加（x，y）{
var x=document.add1.add2.value；
var y=document.add1.add3.value；
var x=数量（x）；
变量y=数量（y）；
var z=x+y；
返回（z）；
}
帮助我，你是我唯一的希望！
输入要添加的第一个数字：
第二个号码：

不要使用显示数据，它会覆盖整个文档。你不会想要的。最好创建新函数，将结果渲染到其他元素中：

<input type="button" value="Result" onclick="showResult('The total is: ' + add() + '.');" />

HTML:

更好的是，您可以像这样创建一个div元素

<title> Help! </title>

<script>
.....
</script>

</header>

<body>

<div id = 'output'> </div> ...

不要放弃。希望这对您有所帮助

请重新编写他的添加函数！哈哈！一票否决-less@Phil我知道，只是不想改变太多。我将再添加一个示例。

<div id="result"></div>

<input type="button" value="Result" onclick="showResult()" />

onclick="showResult(this.form.add2.value, this.form.add3.value)"

 <title>Help!</help>

onclick = "alert('The total is: ' + add() + '.');"

<title> Help! </title>

<script>
.....
</script>

</header>

<body>

<div id = 'output'> </div> ...

 `onclick = "document.getElementById("output").innerHTML =  'The total is: ' + add() + '.';"