Kleiner Rechner

B

BadBoy227

Mitglied
So jetzt steh ich vor meinem nächsten Problem, ich will einen Rechner erstellen... und habe das jetzt schon so weit hinbekommen:
PHP: 
<script type="text/javascript">

function Rechne1(){
var Wert1 = eval(document.Form.test1.value);
Eco = Wert1*1 +250 ;
alert(Eco);
}
function Rechne2(){
var Wert1 = eval(document.Form.test1.value);
Bus = Wert1*2 +500 ;
alert(Bus);
}
function Rechne3(){
var Wert1 = eval(document.Form.test1.value);
First = Wert1*3 +750 ;
alert(First)
}
</script>

<form name="Form" method="post">

<input type="text" name="test1">

<input type="button" value="Eco" onClick="Rechne1();">
<input type="button" value="Bus" onClick="Rechne2();">
<input type="button" value="First" onClick="Rechne3();">
</form>

Momentan läuft das ja alles so, dass dann ein Pop up kommt sobald man auf einen Button klickt, ich würde es aber gerne so gestalten, dass man auf einen Button "Berechnen" klickt und das, dass Ergebnis dann im Fenster in drei Spalten zu der jeweilgen Kategorie erscheint, mit php echo hatte ich es schonmal versucht, bin aber gescheitert.

Danke schonmal für die Hilfe:)
 
Hi,

mein Vorschlag - erstelle eine Tabelle mit drei Spalten. Diese wird zunächst vesteckt. Wird der "Berechnen"-Button
gedrückt, werden die Werte berechnet, in die entsprechenden Zellen (über die IDs ermittelt) eingetragen und die
Tabelle angezeigt.
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function Rechne1(){
	var Wert1 = eval(document.Form.test1.value);
	Eco = Wert1*1 +250 ;
	alert(Eco);
}

function Rechne2(){
	var Wert1 = eval(document.Form.test1.value);
	Bus = Wert1*2 +500 ;
	alert(Bus);
}

function Rechne3(){
	var Wert1 = eval(document.Form.test1.value);
	First = Wert1*3 +750 ;
	alert(First)
}

function berechnen(){
  var dblValue = eval(document.Form.test1.value);

  document.getElementById("ecoID").innerHTML = dblValue * 1 + 250;
  document.getElementById("busID").innerHTML = dblValue * 2 + 500;
  document.getElementById("firstID").innerHTML = dblValue * 3 + 750;

  document.getElementById("calcID").style.display = "block";
}
 //-->
</script>
</head>
<body>

<form name="Form" method="post">
  <input type="text" name="test1">

  <input type="button" value="Eco" onClick="Rechne1();">
  <input type="button" value="Bus" onClick="Rechne2();">
  <input type="button" value="First" onClick="Rechne3();">
  <input type="button" value="Berechnen" onclick="berechnen();">
</form>
<table id="calcID" style="display: none;">
  <tr><th>Eco</th><th>Bus</th><th>First</th></tr>
  <tr>
  <td id="ecoID"></td>
    <td id="busID"></td>
    <td id="firstID"></td>
  </tr>
</table>
</body>
</html>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück