Calc X

Anweisungen (DEU maschinell übersetzt):

KURZ: Implementieren Sie die Funktionalität einer bereits vorbereiteten Taschenrechner-App, indem Sie hauptsächlich Exporte und Importe verwenden.

DETAIL:

• Sehen Sie sich die in diesem Repository bereitgestellten Startdateien an. In der index.html finden Sie Markup für eine einfache Calclulator App. Die Logik der notwendigen Berechnungen finden Sie ebenfalls im Ordner modules in percentage.js.
• Importieren Sie die Funktionen in index.js und fügen Sie die Funktionalität in der Datei index.js hinzu.
• Vergessen Sie nicht, die Datei index.js am Ende der Datei index.html einzufügen.

Hinweise

• in index.js müssen Sie einige eventListener verwenden (.addEventListener), um die Funktionalität hinzuzufügen
• Ihre eventListener könnten auf "change", "input" oder ähnliches hören
• Sie können einen eventListener für das gesamte Formular hinzufügen (anstatt für jede Eingabe), der auf alle Eingabeänderungen des Formulars hört. Z.B.: document.querySelector('.myForm').addEventListener('input', ()=> { alert('Eingabe geändert!'); }) Der Alert wird bei jeder Änderung an einem beliebigen Eingabeelement von .myForm ausgelöst (fragen Sie Ihren gut aussehenden Lehrer, wenn Sie das nicht verstehen)

Übersetzt mit www.DeepL.com/Translator (kostenlose Version)

Instructions (ENG):

SHORT: Implement the functionality of an already prepared calculator app by mainly using exports and imports.

DETAIL:

• Look through the starting files provided in this repository. In the index.html you'll find some markup for a simple calclulator App. You will also find the logic of the necessary calculations in the modules folder in percentage.js.
• Import the functions to index.js and add the functionality in the index.js file.
• Do not forget to add the index.js file at the end of the index.html file.

Hints

• in index.js you have to use or bind some eventListeners (.addEventListener) to add the functionality
• your eventListeners could listen to "change", "input" or suchlike
• You can add one eventListener to the whole form (instead of each input) which will listen to all input changes of the form. E.g. document.querySelector('.myForm').addEventListener('input', ()=> { alert('Input changed!'); }) The alert will be triggered at any change on any input element of .myForm (ask your good looking teacher if you don't get this point)

Notes:

• Deadline: ~ 1hr-1.5hrs