Verhalten von on...-Handlern in Forms
bearbeitet von Raketenwilli> Naja. Der Typ mit dem Arbeitskittel (es gibt davon viele in jedem Computer), der die Aufgaben des Programmierers oder Bedieners bekanntlich erledigt, wuselt gerade im Formular und direkt neben ihm glänzt der Input mit dem Name „Eingabe“. Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.
~~Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.~~
Hab mich gerade davon überzeugt: [**ThomasM hat Recht**](#m1805356).
Vorliegend müsste also entweder `Eingabe.value` an die Funktion "Berechne" übergeben werden - was Sinn ergäbe
~~~js
function Berechne( val ) { return val * 2; }
~~~
oder aber in der Funktion namens "Berechne"(sic!) statt eines direkten Wertes erst noch die erwartete Zahl geholt werden:
~~~js
function Berechne( objekt ) { return objekt.value * 2; }
~~~
Im Hinblick auf den Funktionsname, wäre die 2. Variante nicht mein Kandidat.
Weitere Kritik: Die Funktion soll den Wert ja auch gleich eintragen.
wäre da nicht ETWAS WIE ...
~~~HTML
<html>
<h1>Beispiel:</h1>
<main>
<p>Bitte geben Sie eine Zahl ein und drücken Sie auf den Button.</p>
<form name="Test">
<input type="number" value="9" name="Eingabe">
<input type="button" value="="
onclick="
document.getElementById('Ausgabe').innerHTML = Eingabe.value * 2;
">
</form>
<p>Ausgabe: <output id="Ausgabe"></output></p>
</main>
</html>
~~~
... oder gar ...
~~~
<html>
<h1>Beispiel:</h1>
<main>
<p>Bitte geben Sie eine Zahl ein und drücken Sie auf den Button.</p>
<form name="Test">
<input type="number" value="9" name="Eingabe">
<input type="button" value="=" onclick="
Ausgabe.innerHTML = Eingabe.value * 2;
">
</form>
<p>Ausgabe: <output id="Ausgabe"></output></p>
</main>
</html>
~~~
... angebrachter?
Verhalten von on...-Handlern in Forms
bearbeitet von Raketenwilli> Naja. Der Typ mit dem Arbeitskittel (es gibt davon viele in jedem Computer), der die Aufgaben des Programmierers oder Bedieners bekanntlich erledigt, wuselt gerade im Formular und direkt neben ihm glänzt der Input mit dem Name „Eingabe“. Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.
~~Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.~~
Hab mich gerade davon überzeugt: [**ThomasM hat Recht**](#m1805356).
Vorliegend müsste also entweder `Eingabe.value` an die Funktion "Berechne" übergeben werden - was Sinn ergäbe
~~~js
function Berechne( val ) { return val * 2; }
~~~
oder aber in der Funktion namens "Berechne"(sic!) statt eines direkten Wertes erst noch die erwartete Zahl geholt werden:
~~~js
function Berechne( objekt ) { return objekt.value * 2; }
~~~
Im Hinblick auf den Funktionsname, wäre die 2. Variante nicht mein Kandidat.
Weitere Kritik: Die Funktion soll den Wert ja auch gleich eintragen...
wäre da nicht ETWAS WIE ...
~~~HTML
<html>
<h1>Beispiel:</h1>
<main>
<p>Bitte geben Sie eine Zahl ein und drücken Sie auf den Button.</p>
<form name="Test">
<input type="number" value="9" name="Eingabe">
<input type="button" value="="
onclick="
document.getElementById('Ausgabe').innerHTML = Eingabe.value * 2;
">
</form>
<p>Ausgabe: <output id="Ausgabe"></output></p>
</main>
</html>
~~~
angebrachter?
Verhalten von on...-Handlern in Forms
bearbeitet von Raketenwilli> Naja. Der Typ mit dem Arbeitskittel (es gibt davon viele in jedem Computer), der die Aufgaben des Programmierers oder Bedieners bekanntlich erledigt, wuselt gerade im Formular und direkt neben ihm glänzt der Input mit dem Name „Eingabe“. Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.
~~Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.~~
Hab mich gerade davon überzeugt: [**ThomasM hat Recht**](#m1805356).
Vorliegend müsste also entweder `Eingabe.value` an die Funktion "Berechne" übergeben werden - was Sinn ergäbe
~~~js
function Berechne( val ) { return val * 2; }
~~~
oder aber in der Funktion namens "Berechne"(sic!) statt eines direkten Wertes erst noch die erwartete Zahl geholt werden:
~~~js
function Berechne( objekt ) { return objekt.value * 2; }
~~~
Im Hinblick auf den Funktionsname, wäre die 2. Variante nicht mein Kandidat.
Weitere Kritik: Die Funktion soll den Wert ja auch gleich eintragen...
wäre da nicht ETWAS WIE ...
~~~HTML
<html>
<h1>Beispiel:</h1>
<main>
<p>Bitte geben Sie eine Zahl ein und drücken Sie auf den Button.</p>
<form name="Test">
<input type="number" value="9" name="Eingabe">
<input type="button" value="="
onclick="
document.getElementById('Ausgabe').innerHTML = Eingabe.value*2;
">
</form>
<p>Ausgabe: <output id="Ausgabe"></output></p>
</main>
</html>
~~~
angebrachter?
Verhalten von on...-Handlern in Forms
bearbeitet von Raketenwilli> Naja. Der Typ mit dem Arbeitskittel (es gibt davon viele in jedem Computer), der die Aufgaben des Programmierers oder Bedieners bekanntlich erledigt, wuselt gerade im Formular und direkt neben ihm glänzt der Input mit dem Name „Eingabe“. Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.
~~Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.~~
Hab mich gerade davon überzeugt: [**ThomasM hat Recht**](#m1805356).
Vorliegend müsste also entweder `Eingabe.value` an die Funktion "Berechne" übergeben werden - was Sinn ergäbe
~~~js
function Berechne( val ) { return val * 2; }
~~~
oder aber in der Funktion namens "Berechne"(sic!) statt eines direkten Wertes erst noch die erwartete Zahl geholt werden:
~~~js
function Berechne( objekt ) { return objekt.value * 2; }
~~~
Im Hinblick auf den Funktionsname, wäre die 2. Variante nicht mein Kandidat.
Weitere Kritik: Die Funktion soll den Wert ja auch gleich eintragen...
wäre da nicht ETWAS WIE ...
~~~HTML
<html>
<h1>Beispiel:</h1>
<main>
<p>Bitte geben Sie eine Zahl ein und drücken Sie auf den Button.</p>
<form name="Test">
<input type="number" value="9" name="Eingabe">
<input type="button" value="=" onclick="
document.getElementById('Ausgabe').innerHTML = Eingabe.value*2;
">
</form>
<p>Ausgabe: <output id="Ausgabe"></output></p>
</main>
</html>
~~~
angebrachter?
Verhalten von on...-Handlern in Forms
bearbeitet von Raketenwilli> Naja. Der Typ mit dem Arbeitskittel (es gibt davon viele in jedem Computer), der die Aufgaben des Programmierers oder Bedieners bekanntlich erledigt, wuselt gerade im Formular und direkt neben ihm glänzt der Input mit dem Name „Eingabe“. Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.
~~Das dessen Value gemeint ist wird wohl mangels einer anderen Bestimmung als Default angenommen.~~
Hab mich gerade davon überzeugt: [**ThomasM hat Recht**](m1805356).
Vorliegend müsste also entweder `Eingabe.value` an die Funktion "Berechne" übergeben werden - was Sinn ergäbe
~~~js
function Berechne( val ) { return val * 2; }
~~~
oder aber in der Funktion namens "Berechne"(sic!) statt eines direkten Wertes erst noch die erwartete Zahl geholt werden:
~~~js
function Berechne( objekt ) { return objekt.value * 2; }
~~~
Im Hinblick auf den Funktionsname, wäre die 2. Variante nicht mein Kandidat.
Weitere Kritik: Die Funktion soll den Wert ja auch gleich eintragen...
wäre da nicht ETWAS WIE ...
~~~HTML
<html>
<h1>Beispiel:</h1>
<main>
<p>Bitte geben Sie eine Zahl ein und drücken Sie auf den Button.</p>
<form name="Test">
<input type="number" value="9" name="Eingabe">
<input type="button" value="=" onclick="
document.getElementById('Ausgabe').innerHTML = Eingabe.value*2;
">
</form>
<p>Ausgabe: <output id="Ausgabe"></output></p>
</main>
</html>
~~~
angebrachter?