Das arithmetische Rechen

In der Informatik und in der Mathematik werden Operatoren verwendet, um Operationen wie Addition, Subtraktion, Multiplikation, Division, Potenzierung, Inkrement, Dekrement und Modulo durchzuführen.

Die Zahlen (ganzzahlig) werden daher wie unten beschrieben auch Operand genannt und das  arithmetischen Symbol Operator.

OperandOperatorOperand
10–5

Arithmetische JavaScript-Operatoren

+Addition
–Substraktion
*Multiplikation
**Potenzierung
/Division
%Modul (Rest)
++Inkrement
– –Dekrement

Addition

				
					 <!DOCTYPE html>
<html>
<head>
</head>
<body>    

<script>
function myFunction() {
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML =
"Das Ergebnis aus " + x + " + " + y + " beträgt : " + z + " !!! ";
}
</script>    
 
<h4>Arithmetische Rechnen</h4>
<p id="demo">Hier wird gleich das Ergebnis angezeigt!!!</p> 
<button class="myButton" type="Button" onclick="myFunction()">Klick</button>

</body>
</html>

Arithmetische Rechnen

Hier wird gleich das Ergebnis angezeigt!!!

Subtraktion

				
					<!DOCTYPE html>
<html>
<head>
</head>
<body>

<script>
function myFunction_one() {
var x = 5;
var y = 6;
var z = y - x;
document.getElementById("demo_1").innerHTML =
"Das Ergebnis aus " + y + " - " + x + " beträgt : " + z + " !!! ";
}
</script>

<h4>Arithmetische Rechnen</h4>
<p id="demo_1">Hier wird gleich das Ergebnis angezeigt!!!</p>
<button class="myButton" type="Button" onclick="myFunction_one()">Klick</button>

</body>
</html>

Arithmetische Rechnen

Hier wird gleich das Ergebnis angezeigt!!!

Multiplikation

				
					<!DOCTYPE html>
<html>
<head>
</head>
<body>

<script>
function myFunction_two() {
var x = 5;
var y = 6;
var z = y * x;
document.getElementById("demo_2").innerHTML =
"Das Ergebnis aus " + y + " * " + x + " beträgt : " + z + " !!! ";
}
</script>

<h4>Arithmetische Rechnen</h4>
<p id="demo_2">Hier wird gleich das Ergebnis angezeigt!!!</p>
<button class="myButton" type="Button" onclick="myFunction_two()">Klick</button>

</body>
</html>

Arithmetische Rechnen

Hier wird gleich das Ergebnis angezeigt!!!

Potenzierung

				
					<!DOCTYPE html>
<html>
<head>
</head>
<body>

<script>
function myFunction_three() {
var x = 4;
var y = 2;
var z = y ** x;
document.getElementById("demo_3").innerHTML =
"Das Ergebnis aus " + y + " hoch " + x + " beträgt : " + z + " !!! ";
}
</script>

<h4>Arithmetische Rechnen</h4>
<p id="demo_3">Hier wird gleich das Ergebnis angezeigt!!!</p>
<button class="myButton" type="Button" onclick="myFunction_three()">Klick</button>

</body>
</html>

Arithmetische Rechnen

Hier wird gleich das Ergebnis angezeigt!!!

Division

				
					<!DOCTYPE html>
<html>
<head>
</head>
<body>

<script>
function myFunction_four() {
var x = 2;
var y = 4;
var z = y / x;
document.getElementById("demo_4").innerHTML =
"Das Ergebnis aus " + y + " / " + x + " beträgt : " + z + " !!! ";
}
</script>

<h4>Arithmetische Rechnen</h4>
<p id="demo_4">Hier wird gleich das Ergebnis angezeigt!!!</p>
<button class="myButton" type="Button" onclick="myFunction_four()">Klick</button>

</body>
</html>

Arithmetische Rechnen

Hier wird gleich das Ergebnis angezeigt!!!

Modulo-Division(Restbetrag)

				
					<!DOCTYPE html>
<html>
<head>
</head>
<body>

<script>
function myFunction_five() {
var x = 2;
var y = 5;
var z = y % x;
document.getElementById("demo_5").innerHTML =
"Das Restbetrag aus " + y + " % " + x + " beträgt : " + z + " !!! ";
}
</script>

<h4>Arithmetische Rechnen</h4>
<p id="demo_5">Hier wird gleich das Ergebnis angezeigt!!!</p>
<button class="myButton" type="Button" onclick="myFunction_five()">Klick</button>

</body>
</html>

Arithmetische Rechnen

Hier wird gleich das Ergebnis angezeigt!!!

Inkrement

				
					<!DOCTYPE html>
<html>
<head>
</head>
<body>

<script>
function myFunction_six() {
var x = 1;
x++;
var z = x;
document.getElementById("demo_6").innerHTML =
"Das Ergebnis aus " + (x-1) + " ++  beträgt : " + z + " !!! ";
}
</script>

<h4>Arithmetische Rechnen</h4>
<p id="demo_6">Hier wird gleich das Ergebnis angezeigt!!!</p>
<button class="myButton" type="Button" onclick="myFunction_six()">Klick</button>

</body>
</html>

Arithmetische Rechnen

Hier wird gleich das Ergebnis angezeigt!!!

Dekrement

				
					<!DOCTYPE html>
<html>
<head>
</head>
<body>

<script>
function myFunction_seven() {
var x = 5;
x--;
var z = x;
document.getElementById("demo_7").innerHTML =
"Das Ergebnis aus " + (x+1) + " --  beträgt : " + z + " !!! ";
}
</script>

<h4>Arithmetische Rechnen</h4>
<p id="demo_7">Hier wird gleich das Ergebnis angezeigt!!!</p>
<button class="myButton" type="Button" onclick="myFunction_seven()">Klick</button>

</body>
</html>

Arithmetische Rechnen

Hier wird gleich das Ergebnis angezeigt!!!