JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<script>
    $(document).ready(function() {
        var prijs = 0;
        var cas = 0;
        var voeding = 0;
        var price = 0;
        $("input[name='behuizing']").click(function() {
            prijs -= cas
            cas = parseInt(this.id);
            prijs += cas;
            $('.test').html(prijs);
        });
        $("input[name='voeding']").click(function() {
            price -= voeding
            voeding = parseInt(this.id);
            price += voeding;
            $('.test2').html(price);
        });
    });
</script>
<body>
    <p class="test"></p>
    <p class="test2"></p>
    <form name="form" Method="Post" ACTION="radiobutton.php">
        <input type='Radio' Name='behuizing' value='1' id='25'>Sharkoon VS3-S red</input>
        <br>
        <input type='Radio' Name='behuizing' value='2' id='25'>Sharkoon VS3-S blue</input>
        <br>
        <input type='Radio' Name='behuizing' value='3' id='25'>Sharkoon VS3-S green</input>
        <br>
        <input type='Radio' Name='voeding' value='1' id='65'>Cooler Master G600 EU</input>
        <br>
        <input type='Radio' Name='voeding' value='2' id='70'>Cooler Master B700</input>
        <br>
</body>