我想总结一下循环文本框

Question

大家好我是javascript和php的新手，我有一个问题 我想总结一下循环文本框，但我缺乏逻辑 这是代码

<form name="rec" action="this.php" method="post" > 
<?php 
$x = 0; 
while($x<=5){
$x++; 
echo "<input type='text' name='n". $x."' id='n". $x."'>< input type='text' name='y". $x."' id='y". $x."'>
<input type='text' name='res". $x."' id='res". $x."'>";
}
?>
<input type="button" value="Compute" onclicked="compute()">
</form>

< script > 
ctr = 0<
while(ctr<=5){
ctr++;
x = Number(document.getElementById("n"+ctr).value)
y = Number(document.getElementById("y"+ctr).value)
ans = x+y;
document.getElementById("res"+ctr).value = ans;

} 
< /script>

我想得到像这样的输出

谢谢你我不是特别的：D

Answer 1

您的compute功能在哪里？您应该使用<script>将function compute()标记的内容括起来。

Answer 2

试试这个

<form name="rec" action="#" method="post">
<?php
$x = 0;
while($x<=5){
$x++;
echo "<input type='text' name='n". $x."' id='n". $x."'><input type='text' name='y". $x."' id='y". $x."'>
<input type='text' name='res". $x."' id='res". $x."'><br>";
}
?>
<input type="button" value="Compute" onclick="compute()">
</form>

<script>
    function compute()
    {

var ctr = 0;
while(ctr<=5){
ctr++;
var x = Number(document.getElementById("n"+ctr).value);
var y = Number(document.getElementById("y"+ctr).value);
var ans = x+y;
document.getElementById("res"+ctr).value = ans;

}
    }
</script>