Anonymous User
Ensign
- Registriert
- Juli 2019
- Beiträge
- 183
Hallo,
ich bin absoluter Anfänger im Programmieren.
Nun wollte ich mittels JavaScript einen einfachen Taschenrechner programmieren. Dabei habe ich lediglich den Code sündhaft von einem Beispiel kopiert und versucht es zu verstehen.
Leider verstehe ich nicht sonderlich viel und wollte euch bitten, mir allgemein den Code zu erklären, wieso, weshalb, warum genau das da steht.
Ich brauch eure Hilfe.
Bei Code1 verstehe ich den gesamten Script nicht.
Bei Code2 ist mein Ziel, dass sich die Ziffern nach dem Klick im Textfeld einreihen. Quasi wenn man mehrmals den Button betätigt, mehrere Ziffern nebeneinander stehen.
Code1:
Code2:
Grüße
Anonymous User
ich bin absoluter Anfänger im Programmieren.
Nun wollte ich mittels JavaScript einen einfachen Taschenrechner programmieren. Dabei habe ich lediglich den Code sündhaft von einem Beispiel kopiert und versucht es zu verstehen.
Leider verstehe ich nicht sonderlich viel und wollte euch bitten, mir allgemein den Code zu erklären, wieso, weshalb, warum genau das da steht.
Ich brauch eure Hilfe.
Bei Code1 verstehe ich den gesamten Script nicht.
Bei Code2 ist mein Ziel, dass sich die Ziffern nach dem Klick im Textfeld einreihen. Quasi wenn man mehrmals den Button betätigt, mehrere Ziffern nebeneinander stehen.
Code1:
Code:
<!DOCTYPE html>
<html>
<body>
<script>
function insert(number){
document.formular.screen.value =
document.formular.screen.value+number
}
function equal(){
var test = document.formular.screen.value
if(test){
document.formular.screen.value = eval(test)
}
}
</script>
<form name = "formular">
<input class = "textview" name="screen">
</form>
<table>
<tr>
<td><input class="button" type="button" value="x" onclick="insert('*')" ></
td>
</tr>
<tr>
<td> <input class="button" type="button" value="7" onclick="insert(7)" ></
td>
<td> <input class="button" type="button" value="8" onclick="insert(8)" ></
td>
<td> <input class="button" type="button" value="9" onclick="insert(9)" ></
td>
<td> <input class="button" type="button" value="-" onclick="insert('-')" ></
td>
</tr>
<tr>
<td> <input class="button" type="button" value="4" onclick="insert(4)" ></
td>
<td> <input class="button" type="button" value="5" onclick="insert(5)" ></
td>
<td> <input class="button" type="button" value="6" onclick="insert(6)" ></
td>
<td> <input class="button" type="button" value="+" onclick="insert('+')"
></td>
</tr>
<tr>
<td> <input class="button" type="button" value="1" onclick="insert(1)" ></
td>
<td> <input class="button" type="button" value="2" onclick="insert(2)" ></
td>
<td> <input class="button" type="button" value="3" onclick="insert(3)" ></
td>
<td> <input class="button" type="button" value="=" onclick="equal()" ></
td>
</tr>
</table>
</div>
</body>
</html>
Code2:
Code:
<!DOCTYPE html>
<html>
<body>
<input type="textview" id="button1" value="">
<button onclick="test()">1</button>
<script>
function test() {
document.getElementById("button1").value="1"
}
</script>
</body>
</html>
Grüße
Anonymous User
Zuletzt bearbeitet:
(Ich habe es gezielter und verständlicher gestaltet.)