Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过选择值覆盖变量_Javascript_Html_Dom_Getelementbyid - Fatal编程技术网

Javascript 通过选择值覆盖变量

Javascript 通过选择值覆盖变量,javascript,html,dom,getelementbyid,Javascript,Html,Dom,Getelementbyid,我需要把一个数字乘以1到64。 我想通过一个给定的选择来选择一个数字,这样做会更好,但不知何故,它只接受我选择的第一个值。这里怎么了? 一些计算 功能时间(wert){ var j=document.getElementById('number')。值; 返回Math.pow(j,wert); }; 1=x 2=x 3=x 4=x x2*x 对于(var i=0;itimes函数只在页面写入时调用一次。请尝试将调用函数的部分封装到“number”节点的onchange事件中。我会将答案附加到

我需要把一个数字乘以1到64。 我想通过一个给定的选择来选择一个数字,这样做会更好,但不知何故,它只接受我选择的第一个值。这里怎么了?


一些计算
功能时间(wert){
var j=document.getElementById('number')。值;
返回Math.pow(j,wert);
};
1=x
2=x
3=x
4=x
x2*x

对于(var i=0;itimes函数只在页面写入时调用一次。请尝试将调用函数的部分封装到“number”节点的onchange事件中。我会将答案附加到表中,而不是文档中。编写它们。尝试以下方法:

<head>
<script type="text/javascript">
    function times(wert) {
        var j = document.getElementById('number').value;
        return Math.pow(j, wert);
    };
    function doCalc(){
        document.getElementById("output").innerHTML="<tr><th>x</th><th>2*x</th></tr>";
        for (var i =0; i <= 64; i++) {
            out = "<tr><td>" + i + "</td><td>" + times(i)+ "</td></tr>"
            document.getElementById('output').innerHTML += out;
        }
    }
</script>
<head>
<body>
<select id="number" style="margin:40px;" onchange="doCalc()">
<option value="0">0=x</option>
<option value="1">1=x</option>
<option value="2">2=x</option>
<option value="3">3=x</option>
<option value="4">4=x</option>
</select>
<table border="1mm">
  <tbody id="output">
      <tr><th>x</th><th>2*x</th></tr>
  </tbody>
</table>
</body>

功能时间(wert){
var j=document.getElementById('number')。值;
返回Math.pow(j,wert);
};
函数doCalc(){
document.getElementById(“输出”).innerHTML=“x2*x”;

对于(var i=0;i两个问题:<代码> out <代码>从未声明。不确定这是否重要,但您可能要考虑在<代码>之前添加<代码> var out=”;< />代码> < /COD>循环> 2。语句<代码> out =“+ + I+”+“+(i)+”“< /代码>没有终止分号<代码>;< /代码>。@ WAR10CK,我甚至不记得按F7。
<head>
<script type="text/javascript">
    function times(wert) {
        var j = document.getElementById('number').value;
        return Math.pow(j, wert);
    };
    function doCalc(){
        document.getElementById("output").innerHTML="<tr><th>x</th><th>2*x</th></tr>";
        for (var i =0; i <= 64; i++) {
            out = "<tr><td>" + i + "</td><td>" + times(i)+ "</td></tr>"
            document.getElementById('output').innerHTML += out;
        }
    }
</script>
<head>
<body>
<select id="number" style="margin:40px;" onchange="doCalc()">
<option value="0">0=x</option>
<option value="1">1=x</option>
<option value="2">2=x</option>
<option value="3">3=x</option>
<option value="4">4=x</option>
</select>
<table border="1mm">
  <tbody id="output">
      <tr><th>x</th><th>2*x</th></tr>
  </tbody>
</table>
</body>