Prozent Rechner

% sind wieviel % von ?

Quellcode

<html>
<head>

<style>
h2 {font-size: 1em; margin-bottom: 2px;}
#div {width: 450px; background-color: lightblue; margin: 10px; padding: 5px; text-align: center;}
input[type=number] {width: 84px; font-size: 18px; padding: 2px; margin: 0px 8px 8px 8px;}
button {font-size: 1em; margin: 2px 0; padding: 2px; cursor: pointer; letter-spacing: 1px;}
input[type=text] {font-size: 22px; padding: 2px; text-align: center; background-color: #f7f7f7; border: 2px solid #ccc; border-radius: 6px;}
</style>
</head>

<body>
<div id="div">
<h2> <input type="number" id="percent" />% sind wieviel % von <input type="number" id="num" />?</h2>
<button onclick="percentage_1()">Rechne</button><br/><input type="text" id="value1" readonly />
</div>

<script>
function percentage_1() {
var percent = document.getElementById("percent").value;
var num = document.getElementById("num").value;
document.getElementById("value1")
.value = (num / 100) * percent;}
function percentage_2() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
document.getElementById("value2")
.value = (num1 * 100) / num2 + "%";}
</script>
</body>

</html>