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

HTML - Berechnungen

D

dennis381

Guest
Wie kann ich z.B. diese Formel in HTML (mit java oder iwas mir egal) einbauen:

Eingabe = Benutzer gibt etwas ein
A, B, C = ja, Variablen ^^


Formel

Eingabe * 21 = A
Eingabe * 85 = B

Eingabe * A +B * 585 = C

C = Ergebnis (soll angezeigt werden.)

SOZUSAGEN EIN TASCHENRECHNER.
 
Werbung:
Gar nicht. HTML kann nicht rechnen, da es weder Script- noch Programmiersprache ist. Was Du suchst ist aber mit JavaScript einfach möglich.
 
Werbung:
Auch mit PHP ist das ganz einfach. Kommt halt auf die Anwendung drauf an. Manchmal ist es besser mit dem einen manchmal mit dem anderen...
 
Und nach 4 Antworten weiß der User trotzdem noch nicht, wie das geht... Mein Gott.
Das hier wäre der Skriptteil, einfach in den Headbereich:
HTML:
<script type="text/javascript">
function get_c() {
var eingabe = document.exmplform.eingabe.value;
var a = eingabe * 21;
var b = eingabe * 85;
var c = eingabe * a +b * 585;
document.getElementById('ergebnis').innerHTML = c; 
}
</script>
Und in den Bodybereich:
HTML:
<form name="exmplform">
<input type="text" name="eingabe">
<input type="button" value="Berechnen" onclick="get_c()">
</form>
<div id="ergebnis">
</div>

Sollte so klappen, ist aber nicht getestet.
 
Werbung:
Jabberwocky schrieb:
Und nach 4 Antworten weiß der User trotzdem noch nicht, wie das geht... Mein Gott.

*schulterzuck*

PHP:
<?php

function get_c($eingabe)
{
    $a = $eingabe * 21;
    $b = $eingabe * 85;
    $c = $eingabe * $a + $b * 585;

    return $c;
}

$c = null;
if (isset($_POST['eingabe'])) {
    $c = get_c($_POST['eingabe']);
}

?><!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>Rechner</title>
    </head>

    <body>
    <form method="post" action="">
        <p><input type="text" name="eingabe" />
        <input type="submit" value="Berechnen" /></p>
    </form>

    <?php if ($c !== null) : ?>
        <div id="ergebnis"><?php echo $c; ?></div>
    <?php endif; ?>
        
    </body>

</html>
 
Zurück
Oben