// Start oder Controller Funktion
                            function getValues(){

                                // get values
                                let startWert = document.getElementById("startWert").value;
                                let endWert = document.getElementById("endWert").value;

                                // parse values into integer
                                startWert = parseInt(startWert);
                                endWert = parseInt(endWert);

                                // check
                                if(startWert >= endWert){
                                    alert("Fehler: Startwert darf nich größer als der Entdwert sein!")
                                }

                                // display
                                let zahlen = generateNumbers(startWert, endWert);
                                displayNumbers(zahlen);

                            }

                            // Logik Funktion
                            function generateNumbers(startWert, endWert){

                                let zahlen = [];

                                for (let index = startWert; index <= endWert; index++) {       
                                    zahlen.push(index);
                                }

                                return zahlen;
                            }

                            // Ausgabe oder Display Funktion
                            function displayNumbers(zahlen){

                                let templateRows = "";

                                for (let index = 0; index < zahlen.length; index++) {   
                                    
                                    let className = "gerade";
                                    let wert = zahlen[index];

                                    if(wert % 2 == 0){
                                        className = "gerade"
                                    }
                                    else{
                                        className = "ungerade"
                                    }
                            
                                    templateRows += `tr td class="${className}"` + wert + `td tr`;      
                                }

                                document.getElementById("ergebnis").innerHTML = templateRows;
                            }

                        
                    

HUNDO

Der Programmcode besteht aus drei Funktionen.

Eine Funktion (Start oder Controller Funktion) um die Daten aus den Eingabefeldern zu holen und auf die korrekte Eingabe hin zu überprüfen.

Ein Funktion (Logikfunktion) um die Daten zu generieren.

Und eine Funtkion (Displayfunktion) die für die Ausgabe zuständig ist.