In Textbereich drucken

Question

Wie stelle ich die Werte in der Tabelle mit Javascript ein?

<u><h1>Rabbits vs Foxes Population Model</h1></u> 
    <form name = "Rabbits"> 
    <table border = "3"> 
    <tr><td>No. of Rabbits</td><td><center><input type="number" id="no_rabbits" /></center></td></tr> 
    <tr><td>Death Rates</td><td><center><input type="number" id="death" /></center></td></tr> 
    <tr><td>Birth Rates</td><td><center><input type="number" id="birth" /></center></td></tr> 
    <tr><td>No. of Foxes</td><td><center><input type="number" id="foxes" /></center></td></tr> 
    <tr><td>Rabbit Conditions</td><td> Normal <input type="radio" name="condition" value="normal"> Cold <input type="radio" name="condition" value="cold"> Fires <input type="radio" name="condition" value="fires">Excellent <input type="radio" name="condition" value="excellent"></td></tr> 
    <tr><td> Graph the Rabbits</td><td><input type="checkbox" name="graph" value="answer"></td></tr> 
    <tr><td><button type = "button" onclick="addyear()"> One Year Passes </button></td><td> </td></tr> 
    </table> 
    </form> 

Answer 1

Sie können entweder den Wert gesetzt, wenn die Eingänge erklärt (zB: <input type="number" id="no_rabbits" value="23"/>) oder tun es mit Javascript und zielen auf die Eingänge ID jeder verwenden und einfach den Wert eingestellt. Beachten Sie, dass ich auch Ihre h1-Struktur geändert habe - viel besser, um eine css-Regel auf die h1 anzuwenden als die <u> AUSSERHALB der h1. Nicht sicher, was der Wert für jeden ist - setzen Sie es einfach auf 1 - 4, um zu demonstrieren. Auch die addYear-Funktion ist nicht deklariert und verursacht daher einen Fehler beim Klick. Ich habe auch die <center> Tags entfernt - sie werden nicht mehr unterstützt und Sie sollten CSS verwenden, um zentrierende CSS-Regeln für die gewünschten TDs anzuwenden.

Eine andere Sache - obwohl diese Eingaben auf type = "number" gesetzt sind, werden sie immer noch eine Zeichenfolge zurückgeben - also müssen Sie sie analysieren (mit parseInt oder parseFloat), um eine Zahl für Berechnungen zu erhalten.

document.getElementById('no_rabbits').value="1"; 
 
document.getElementById('death').value="2"; 
 
document.getElementById('birth').value="3"; 
 
document.getElementById('foxes').value="4";

h1{text-decoration: underline}

<h1>Rabbits vs Foxes Population Model</h1> 
 
    <form name = "Rabbits"> 
 
    <table border = "3"> 
 
    <tr><td>No. of Rabbits</td><td><input type="number" id="no_rabbits" /></td></tr> 
 
    <tr><td>Death Rates</td><td><input type="number" id="death" /></td></tr> 
 
    <tr><td>Birth Rates</td><td><input type="number" id="birth" /></td></tr> 
 
    <tr><td>No. of Foxes</td><td><input type="number" id="foxes" /></td></tr> 
 
    <tr><td>Rabbit Conditions</td><td> Normal <input type="radio" name="condition" value="normal"> Cold <input type="radio" name="condition" value="cold"> Fires <input type="radio" name="condition" value="fires">Excellent <input type="radio" name="condition" value="excellent"></td></tr> 
 
    <tr><td> Graph the Rabbits</td><td><input type="checkbox" name="graph" value="answer"></td></tr> 
 
    <tr><td><button type = "button" onclick="addyear()"> One Year Passes </button></td><td> </td></tr> 
 
    </table> 
 
    </form>