0 
<html>
<head>
<title>Calculator</title>

<style type = "text/css">
#calculator{
width:164px;
top:20%;
right:50%;
position:absolute;
border:1px black solid;
background-image:url('images.jpg');
}

#matrix
{
float:right;
border:1px black solid;
width:100px;
}
#row1{
position:relative;
width:17px;
}
</style>

</head>
<body>

</div>
<div id = "matrix">
<form>
<table>
    <tr><td style = "width:40px"><input type = "text" id = "one"></input></td>
    <input type = "number" id = "two"></input></td></tr>

    <tr><td><input type = "number" id = "three"></input></td>
    <input type = "number" id = "four"></input></td></tr>

</table>
<input type = "submit" value = "count" onclick = "calculate();"></input>
</form>
</div>
<script language = "javascript" type = "text/javascript">
function calculate(){
var a = document.getElementById('one').value;

alert(a);
}

</script>

</body>
</html>

在我拥有的函数中，我无法通过 id 正确访问任何元素，因此当我尝试警告该变量时，警告框是空的。我之前有我的 javascript 代码，但它没有工作两者都没有。将它移动到正文部分并没有改变这种情况。如果有人可以帮助我在 javascript 中修复此错误，我将非常感激，请不要编写 jquery 代码作为替代。谢谢。

4

2 回答 2

1

您的按钮是提交按钮。您应该将其更改为一个按钮：

<input type = "button" value = "count" onclick = "calculate();" />

除此之外，您应该修改您的 HTML，因为它的格式非常糟糕，而且您可能有一些东西可能会在以后引发错误。

于 2013-04-19T22:32:15.490 回答
1

为您的输入添加一个id并将其更改为button：

<input id="count" type="button" value="count">

并使用这个：

let count = document.getElementById('count');
let a = document.getElementById('one');
count.addEventListener('click', calculate, false);
function calculate() {
  alert(a.value);
}

在jsFiddle上查看

于 2013-04-19T22:32:19.580 回答