JSFiddle - React, Tailwind, and code Playground

by swateen

HTML

<! DOCTYPE html>
<html>
<body>

<br>    
<input type="text" id="inputA" placeholder="dd-mm-jjjj"><br>
<input type="text" id="inputB" placeholder="bedrag"><br>    
<input type="text" id="inputC"  placeholder="rentepercentage"><br><br>


<button id="button">Klik</button>

<p> De ingevoerde resultaten: </p>
<p id="result"></p>

<script async src="script.js"></script>    
</body>
</html>

JavaScript

document.getElementById("button").onclick = allFunctions;

var inputA = document.getElementById("inputA");
var inputB = document.getElementById("inputB");
var inputC = document.getElementById("inputC");

var result = document.getElementById("result")

function allFunctions() {
    myFunction();
    sum();
    rate();
    loop();
}

function loop() {
    var d = inputA.value;
    var s = inputB.value;
    var r = inputC.value;

    for (var i = 0; i < s; i++) {
        result.innerHTML += d + " " + ((r / 100 + 1) * s) + "<br>";
    }
}

function myFunction() {
    var d = inputA.value;
    if ( correctDate(d) == false ) {
        alert("De vorm van de datum is onjuist");
        return;
    }
    
    if ( validDate(d) ) {
        result.innerHTML = d;
    }
}

function correctDate(datum) {
    var vorm = /^\d{2}-\d{2}-\d{4}$/;
    return vorm.test(datum);
}

function validDate(datum) {
    var res = datum.split(/-/);

    var dag = res[0];
    var maand = res[1];
    var jaar = res[2];

    if (jaar < 1900 || jaar > 2018) {
        alert("Jaartal moet tussen 1900 en 2018 zijn");
        return false;
    }
    if (maand < 1 || maand > 12) {
        alert("Maand moet tussen 1 en 12 zijn");
        return false;
    }
    if (dag < 1 || dag > 31) {
        alert("Dag moet tussen 1 en 31 zijn");
        return false;
    }

    switch (+maand) {
        case 2: if (dag > 28) {
                    alert("Februari heeft 28 dagen");
                    return false;
                }
                break;
        case 4:
        case 6:
        case 9:
        case 11: if (dag > 30) {
                    alert("De "+maand+"e maand heeft maar 30 dagen");
                    return false;
                }
                break;        
    }
    return true;    
}

function rate() {
    var r = inputC.value;
    if ( correctRate(r) == true ) {
        alert("De vorm van de ingevoerde rente is onjuist");
        return;
    } else {
        result.innerHTML += "<br>" +...