[英]How do you bind data from an html input tag to a javascript object using AngularJS?
[英]HTML/Javascript: How do you change input tag with javascript?
这是我得到的一些东西,它是一个计算器,我会尝试从按钮单击事件中调用JS方法,尽管有些错误,但显示不会更新。
<script language="javascript" type="text/javascript" src="calculator.js">
var display = document.getElementById('display');
function digit( num ){
if(display == 0){
display.innerHTML = num;
} else {
display.innerHTML = display.innerHTML + "" + num;
}
};
</script>
</head>
<body>
<form name="calculator">
<table width="auto" border="1">
<tr>
<!--<td colspan=4><input id="display" type="text"></td> -->
<td colspan=4><div id="display"></div></td>
</tr>
<tr>
<td>MC</td>
<td>MR</td>
<td>MS</td>
<td><input type="button" value='/' onclick="pushButton(this.value);"></td>
</tr>
<tr>
<td><input type="button" value=7 onclick="javascript:digit(this.value);"></td>
<td><input type="button" value=8 onclick="javascript.digit(this.value);"></td>
<td><input type="button" value=9 onclick="pushButton(this.value);"></td>
<td><input type="button" value='*' onclick="pushButton(this.value);"></td>
</tr>
<tr>
<td><input type="button" value=4 onclick="pushButton(this.value);"></td>
<td><input type="button" value=5 onclick="pushButton(this.value);"></td>
<td><input type="button" value=6 onclick="pushButton(this.value);"></td>
移动
var display = document.getElementById('display');
进入您的功能。
您正在调用document.getElementById('display');
在该元素( id=display
)存在之前。 您可以做很多事情,但是最简单的方法就是将<script>
移到</body>
之前,或者至少移到id=display
在div中放置0或在脚本中更改条件(显示== null)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.