Javascript文档写X和Y.

时间:2016-06-15 12:53:59

标签: javascript document.write

我有疑问? 如何使用x1y1作为变量在Javascript中使用document.write输出输入X的值和输入Y的值?

HTML代码:

<html>
<head>

<script type="text/javascript">
function myFunction() {

var x1 = document.test.x1.value;
var y1 = document.test.y1.value;

var x = parseInt(x1)*parseInt(y1)

document.getElementById("x").value = x;
}
</script>
</head>

<body>
<br>
<form name="test">
inpout<br><br>
  <input type="number" name="x1" id="x1" style="width:70px"> X * 
  <input type="number" name="y1" id="y1" style="width:70px"> Y

<br><br>
    <input type="button" name="Solve" value="Solve" onclick="myFunction()" ><br>
<br><br>
OutPut =<output type="number" name="x" id="x" style="width:100px"></output> <br><br>

Documen.write X = .... Y =...
</form>
</center>
</body>
</html>

谢谢!

1 个答案:

答案 0 :(得分:-1)

这有助于你:

<!DOCTYPE html>
   <html>
<head>
</head>

<body>
<br>
<form name="test">
input<br><br>
  <input type="number" name="x1" id="x1" style="width:70px"> X * 
  <input type="number" name="y1" id="y1" style="width:70px"> Y

<br><br>
    <input type="button" name="Solve" value="Solve" onclick="myFunction()" ><br>
<br><br>
OutPut =<output type="number" name="x" id="x" style="width:100px"></output> <br><br>
    <p id="info"></p>
</form>
    <script type="text/javascript">
        function myFunction() {
        var x1 = document.forms['test']["x1"].value;
        var y1 = document.forms['test']["y1"].value;
        var x = x1 * y1;
        document.getElementById("x").value = x;
            document.getElementById("info").innerHTML = "X : " + x1 + " Y : " + y1;
        }
</script>
</body>
</html>