• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Scheitelpunktfunktion in HTML angeben

TimoW

Mitglied
Hallo liebe Community,

ich habe folgendes Problem:
Ich möchte den Scheitelpunkt in HTML angeben mit der Funktion
f(x)= -0,5² + -0,5x + 1
sodass ich den Scheitelpunkt so angeben kann:
S [S1 | S2]
Ich weiß, dass man die drei Eingabefelder wahrscheinlich in Variablen umformen muss, nur weiß ich nicht so ganz, wie das funktioniert und wie man dann weiter vorgeht.

Falls irgendjemand gerade Lust und Zeit hat mir das kurz zu erklären, wäre ich sehr dankbar. :)

Mit freundlichen Grüßen,
-Timo
 
Zuletzt bearbeitet:
Werbung:
HTML ist keine Programmiersprache, kann demzufolge auch gar nicht rechnen. Daher frage ich mich was Du mit HTML hierbei erreichen willst? Geht es dir evtl. nur um eine formatierte Ausgabe der Formel?
 
HTML ist keine Programmiersprache, kann demzufolge auch gar nicht rechnen. Daher frage ich mich was Du mit HTML hierbei erreichen willst? Geht es dir evtl. nur um eine formatierte Ausgabe der Formel?
Etwas unglücklich formuliert. ^^ Ich meine JavaScript, also <script> bla bla bla </script> in einer HTML-Datei.
Tut mir leid, bin noch ein Noob. :/
 
Werbung:
Dann schieb ich es mal in den richtigen Bereich .. den mit HTML hat das nichts zu tun ..

Und wie man mit JavaScript rechnet ist eigentlich simpel. Nur wo ist da genau dein Problem? Wie sieht dein Code bisher aus?
 
Das ist jetzt der gesamte Code von der Mitte der Webseite.
Das wichtige ist halt der Anfang der Funktionen.

HTML:
<html>
<head>
  <title>Frameset 1</title>
   <style style="text/css">
   body {
   background-image: url("Hintergrund.jpg");
   background-position: 50% 50%;
   background-repeat: repeat;
   }
   html {
   font-family: consolas;
   }
   #text {
   text-shadow: 10px 10px 10px black;
   }
   </style>
   <script>
   alert("Bitte in den Vollbildmodus wechseln.");
  
  

   function Scheitelpunkt() {
   //Variablen
   var a, b, c;
   a = (document.form1.ein1);
   b = (document.form1.ein2);
  
   document.form1.aus1.value = a;
   }
  
   function Aussehen() {
  
   }
   </script>
</head>
<body><font face=verdana color=white>
  <center>
   <br>
   <br>
   <br>
   <h1>
   <div id="text">Gib die quadratische Funktion ein:
   </h1>
   <br>
  <form name="form1">
   <table cellspacing="10">
    <tr>
    <td><b><font color=white><div id="text">f(x)=</td></b>
    <td><b><font color=white><div id="text"><input type=text name="ein1" value="-0,5" size="10"></td></b>
    <td><b><font color=white><div id="text">x&sup2; + </td></b>
    <td><b><font color=white><div id="text"><input type=text name="ein2" value="-0,5" size="10"></td></b>
    <td><b><font color=white><div id="text">x + </td></b>
    <td><b><font color=white><div id="text"><input type=text name="ein3" value="1" size="10"></td></b>
   </tr>
   </table>
   <br>
    <font color=white><b>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Die Parabel ist breiter als die NP</b>
    <br>
    <font color=white><b><div id="text">Sie ist nach unten ge&ouml;ffnet</b>
    <br>
    <br>
    <br>
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <font color=white><b><div id="text">Ihr Scheitelpunkt lautet: S(</b><input type=text name="aus1" value="" size="10" readonly>)</b>
    <br>
    <br>
    <br>
    <!--<img src="SnoopDogg.gif">-->
    <br>
    <br>
    <font color=white><b><div id="text">Die Nullstellen sind: </b><input type=text name="aus2" value="" size="10" readonly>
  </form>
    <br>
    <br>
    <br>
  <!--Nullstellen-->
  <img src="Nullstellen1.png" onClick="Nullstellen()" alt="" heigth="150" width="150"
  onMouseOver="src='Nullstellen2.png'"
  onMouseOut="src='Nullstellen1.png'" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <!--Scheitelpunkt-->
  <img src="Scheitelpunkt1.png" alt="" onClick="Scheitelpunkt()" heigth="150" width="150"
  onMouseOver="src='Scheitelpunkt2.png'"
  onMouseOut="src='Scheitelpunkt1.png'" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <!--Aussehen-->
  <img src="Aussehen1.png" onClick="Aussehen()" alt="" heigth="150" width="150"
  onMouseOver="src='Aussehen2.png'"
  onMouseOut="src='Aussehen1.png'" /></a>
</body>
</html>
 
Werbung:
Code:
document.getElementById('textbox_id').value

dafür musst du deiner input box eine id geben. bei type würde ich das text noch in Anführungzeichen packen.

Auch sonst wären allgemein ein paar aktuelle HTML/Javascript Grundlagen nicht verkehrt.
 
Code:
document.getElementById('textbox_id').value

dafür musst du deiner input box eine id geben. bei type würde ich das text noch in Anführungzeichen packen.

Auch sonst wären allgemein ein paar aktuelle HTML/Javascript Grundlagen nicht verkehrt.

Wie weist man einer Input box eine ID zu? Und wo genau muss ich die Zeile "Documenta.getElememtById('textbox_id').value hinpacken?
 
Werbung:
HTML:
<input id="irgendwas">
Und dann wählst du das Element über JS mit
HTML:
<script>
document.getElementById('irgendwas');
</script>
aus.
Allerdings empfehle auch Ich ein AKTUELLES HTML Tutorial und eventuell später JavaScript
 
Zurück
Oben