Rekenen via javascript

Status
Niet open voor verdere reacties.

Mcburn

Nieuwe gebruiker
Lid geworden
21 jul 2007
Berichten
2
Ik heb een script dat al kan rekenen alleen wil ik geen windows prompt maar een veld plaatsen waar de waarde kan worden ingevuld en een button om het rekenen te starten(Het veld en de button komen op dezelfde pagina). Hoe moet ik dit doen. Ik wil dus, dat het javascript de uitkomst met de waarde van het veld in de tekst neerzet.


<
PHP:
html> 
<head> 
<script language="JavaScript"><!--
function 
ber(getal)
{
return Math.round(getal * 0.3 * 0.8 / 2.20371);
}
// -->
		</script>
<script language="JavaScript"><!--
function
	beren(getal)
	{
	return Math.round(2000 / (getal * 0.3 * 0.8));
	}
// -->
		</script>
</head> 
<body> 
<td><div align="center">
          <p class="style32 style33">U heeft een Conventionele Ketel
          <p class="style33">&nbsp;          </p>
            <span class="style33"><span class="style32">met een HR-Ketel bespaart u circa</span>
            <span class="style39">
            
			<script language="JavaScript"><!--
getal = window.prompt ("Wat is uw huidig gasverbruik in m3 per jaar?",3000)
if (getal ==null) document.write ("geen invoer")
else
document.write(" &euro; " + ber(getal));
// -->
						</script>
              </span></span><span class="style32 style33 style38">per jaar</span>
            
            <p class="style37">Aan deze berekening kunnen geen rechten worden ontleend. Let op: met een HR-ketel wordt het comfort in uw huis zeer veel groter. Dit kan er toe leiden dat zelf meer warm water gebruikt dan in uw huidige situatie. </p>
          <p>&nbsp;            </p>
          <p class="style40">Terugverdientijd bij aankoop van een HR-ketel: circa

<script language="JavaScript"><!--
if (getal == null) document.write ("geen invoer")
else
document.write(beren(getal) + " jaar.");
// -->
						</script>
						<br>
				<span class="style41">gebaseerd op een geschatte prijs van &euro; 2000,00</span></p>
          
        </div></td>

</body> 
</html>
 
Opgeruimd en wel:

HTML:
<html> 
  <head> 
    <script type="text/javascript">
      <!--
        function ber()
        {
          var getal = document.getElementById('verbruik').value;
          document.getElementById('besparing').innerHTML = "&euro;" + Math.round(getal * 0.3 * 0.8 / 2.20371);
          document.getElementById('terugverdientijd').innerHTML = Math.round(2000 / (getal * 0.3 * 0.8)) + " jaar";
        }
      //-->
    </script>
  </head> 
  <body> 
    <div align="center"> 
      <p>
        U heeft een conventionele ketel. Wat is uw huidig gasverbruik in m3 per jaar?
      </p>
      <input id="verbruik" type="text" value="3000" size="5"></input>
      <input type="submit" value="Bereken" onclick="ber()"></input>
      <p>
        Met een HR-Ketel bespaart u circa <b id="besparing">&euro;327</b> per jaar
      </p>
      <p>
        Terugverdientijd bij aankoop van een HR-ketel: circa <b id="terugverdientijd">3 jaar</b> gebaseerd op een geschatte prijs van &euro;2000,00
      </p>
      <p>
        Aan deze berekening kunnen geen rechten worden ontleend. Let op: met een HR-ketel wordt het comfort in uw huis zeer veel groter. Dit kan er toe leiden dat u zelf meer warm water gebruikt dan in uw huidige situatie.
      </p> 
    </div>
  </body> 
</html>

(Ik heb je crosspost in het Java forum verwijderd)
 
Dit is superrrrrrrrrrrrrr. Mijn dank is groot :thumb:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan