Formulare überprüfen: Anfangstemperatur und Endtemperatur

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Formulare überprüfen: Anfangstemperatur und Endtemperatur

    Hallo ich habe ein Problem, ich habe eine Programmieraufgabe.
    Und zwar soll ein Benutzer zwei Zahlen eingeben einmal : Anfangstemperatur, und die Endtemperatur ( in Grad)
    Es soll eine Plausibilitätsprüfung geben das keine Eingabe leer sein soll und die Endtemperatur muss größer sein als die Anfangstemperatur.
    Dann soll das Programm eine Ausgabe erzeugen die in 10er-Schritten die Temperatur in °C, F° und Kelvin angeben soll.
    z.B.: Anfangstemperatur: 3, Endtemperatur: 30


    Temperatur °C; Temperatur °F; Temperatur Kelvin
    3; 37,4; 276,15
    13; 55,4; 287,15
    23; 73,4, 296,15

    Ich bitte um Lösungsoptionen.
  • Die Umrechnung von Celsius zu Kelvin ist auch in Javascript einfach. Du musst nur Grad C° mit 273 addieren um auf Kelvin zu kommen.

    Sofern du ein bisschen Javascript kannst, solltest du das ganze lösen können. Hier noch ein paar Tipps:
    - Erstelle ein HTML Formular mit zwei Eingabefeldern und einen Submit Button
    - Im Form Tag kannst du ein onsubmit="" einbinden, um das Formular nach Absenden mit JavaScript zu bearbeiten
    - In der JavaScript Funktion benötigst du lediglich eine Schleife, die dann dein Ergebnis immer berechnet und das einfach ausgbit

    Oder hast du ein konkretes Problem? Weil die Aufgabe im allgemeinen wirst du schon selber lösen müssen :)
  • Java Programmieraufgabe

    <html>
    <head>
    <title></title>
    </head>
    <body >


    <script language="JavaScript">



    var anfangswert= formular.eingabe.value ;
    var endwert= formular.eingabe1.value ;
    var fahrenheit;
    var kelvin;

    function wheilschleife(){
    while(anfangswert+10<endwert){

    fahrenheit=anfangswert*1.8+32;
    kelvin=anfangswert+273.15;

    anfangswert=anfangswert+10;
    }
    }


    document.write(anfangswert);
    document.write(endwert);
    document.write(fahrenheit);
    document.write(kelvin);
    </script>



    <form name="" action="onsubmit"
    onText="return confirm('anfangswert+farenheit+kelvin')";

    <p>
    <input type="text" name="eingabe">
    Anfangstemperatur
    </p>
    <p>
    <input type="text" name="eingabe1">
    Endtemperatur
    </p>

    <input type="button" value="rechnen" onClick="whileschleife()">


    </form>
    </body>
    </html>


    Ich habe ein Problem irgenwie muss die while schleife die eingegebenen Werte nicht übernehmen es wird nicht ausgeben woran könnte das liegen?
  • Probier es mal damit:

    Quellcode

    1. <?xml version="1.0" encoding="iso8859-1"?>
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
    5. <head>
    6. <script type="text/javascript">
    7. function createDataGrid() {
    8. var table = document.getElementById("DataGrid");
    9. var start = document.getElementsByName('start')[0].value * 1;
    10. var end = document.getElementsByName('end')[0].value * 1;
    11. while(table.childNodes.length > 2) {
    12. table.removeChild(table.lastChild);
    13. }
    14. for(var i=start; i<=end; i+=10) {
    15. td1 = document.createElement("td");
    16. td2 = document.createElement("td");
    17. td3 = document.createElement("td");
    18. td1.appendChild(document.createTextNode(i));
    19. td2.appendChild(document.createTextNode(i*1.8+32));
    20. td3.appendChild(document.createTextNode(i+273));
    21. tr = document.createElement("tr");
    22. tr.appendChild(td1);
    23. tr.appendChild(td2);
    24. tr.appendChild(td3);
    25. table.appendChild(tr);
    26. }
    27. }
    28. </script>
    29. </head>
    30. <body>
    31. <label for="start">Anfangswert</label>
    32. <input type="text" name="start" />
    33. <label for="end">Endwert</label>
    34. <input type="text" name="end" />
    35. <input type="button" value="Senden" onclick="createDataGrid()" />
    36. <br />
    37. <table id="DataGrid">
    38. <tr>
    39. <th>Celsius</th>
    40. <th>Fahrenheit</th>
    41. <th>Kelvin</th>
    42. </tr>
    43. </table>
    44. </body>
    45. </html>
    Alles anzeigen
  • Quellcode

    1. function createDataGrid() {
    2. var table = document.getElementById("DataGrid");
    3. // Auslesen des Werts der beiden Formularfelder
    4. var start = document.getElementsByName('start')[0].value * 1;
    5. var end = document.getElementsByName('end')[0].value * 1;
    6. // Aktueller Inhalt der Tabelle wird gelöscht
    7. while(table.childNodes.length > 2) {
    8. table.removeChild(table.lastChild);
    9. }
    10. // Schleife von Start- bis Endtemperatur
    11. for(var i=start; i<=end; i+=10) {
    12. // Erstellen von neuen HTML Elementen
    13. td1 = document.createElement("td");
    14. td2 = document.createElement("td");
    15. td3 = document.createElement("td");
    16. // Zuvor erstellte "td"-Elemente werden mit Inhalt gefüllt
    17. td1.appendChild(document.createTextNode(i)); // Celsius
    18. td2.appendChild(document.createTextNode(i*1.8+32)); // Fahrenheit
    19. td3.appendChild(document.createTextNode(i+273)); // Kelvin
    20. // Erstellen von einem neuen "tr" HTML Element
    21. tr = document.createElement("tr");
    22. // Anhängen der td Elemente in das tr Element
    23. tr.appendChild(td1);
    24. tr.appendChild(td2);
    25. tr.appendChild(td3);
    26. // tr Element wird an die Tabelle angehängt
    27. table.appendChild(tr);
    28. }
    29. }
    Alles anzeigen


    Ach noch so am Rande: Lese am besten noch grundlegende Infos zu JavaScript durch, vorallem auch noch die Basics :)