在javascript中显示变量_Javascript_Html_Variables_Document.write

在javascript中显示变量

javascript html variables

在javascript中显示变量,javascript,html,variables,document.write,Javascript,Html,Variables,Document.write,我试图创建一个简单的页面，该页面接受用户输入的变量，并将其添加到预设变量中。然后，我希望它在页面底部显示答案。我能找到的唯一命令是document.write，这使得除了答案之外还有一整页空白。你能帮我找到文档的替代命令吗？以下是迄今为止的代码： <!DOCTYPE html> <html> <body> <script> var y = 0; var z = 10; var x = z; </script> <p> Add

我试图创建一个简单的页面，该页面接受用户输入的变量，并将其添加到预设变量中。然后，我希望它在页面底部显示答案。我能找到的唯一命令是document.write，这使得除了答案之外还有一整页空白。你能帮我找到文档的替代命令吗？以下是迄今为止的代码：

<!DOCTYPE html>
<html>
<body>
<script>
var y = 0;
var z = 10;
var x = z;
</script>
<p>
Add Numbers:
</p>
<input type="text" name="inpt1" id="usap1"/>
<br/>
<br/>
<input type="button" value="Submit" onclick="add()"/>
<script>
function add() {
var z = 9
var y = document.getElementById('usap1').value
var x = z;
var z = ( Number(x) + Number(y) );
document.write(z)
}
</script>
</body>


var y=0；
var z=10；
var x=z；

添加数字：





函数add（）{
var z=9
var y=document.getElementById（'usap1'）。值
var x=z；
变量z=（数（x）+数（y））；
文件写入（z）
}

解决方案：

    <!DOCTYPE html>
<html>
<body>
<script>
var y = 0;
var z = 10;
var x = z;
</script>
<p>
Add Numbers:
</p>
<input type="text" name="inpt1" id="usap1"/>
<br/>
<br/>
<input type="button" value="Submit" onclick="add()"/>
<script>
function add() {
var z = 9
var y = document.getElementById('usap1').value
var x = z;
var z = ( Number(x) + Number(y) );
document.getElementById('theEnd').innerHTML= z;
}
</script>
  <span id="theEnd"></span>
</body>


var y=0；
var z=10；
var x=z；

添加数字：





函数add（）{
var z=9
var y=document.getElementById（'usap1'）。值
var x=z；
变量z=（数（x）+数（y））；
document.getElementById（'theEnd'）。innerHTML=z；
}

清除页面中的所有现有代码并打开新文档。设置或将是最近的“安全”方法。创建一个空的p元素并使用$（“whateverhere”）.text（valuegoesher）或非jQ

document.getElementById（“您的id”）.innerHtml=z