JSFiddle - React, Tailwind, and code Playground

by Aditya Sharma

HTML

<!DOCTYPE html>
<html>
<head>
<title>Postage Calculator</title>

JavaScript

function calCost() {
        console.log("Invoked calCost()")
        document.getElementById('displayName').innerHTML = document.getElementById("name").value;
        var expressCost = 0;
        if (document.getElementById('express').checked) ; //always checked 
        {
            console.log("yup"); // this was to test if it was staying checked which it does.
            expressCost = 5;
        }
        if (document.getElementById('r1').checked) {
            document.getElementById('displayCost').innerHTML = "\u00A3" + (2 * document.getElementById("weight").value + expressCost);
        }
        else if (document.getElementById('r2').checked) {
            document.getElementById('displayCost').innerHTML = "\u00A3" + (10 * document.getElementById("weight").value + expressCost);
        }

        else {
            document.getElementById('displayCost').innerHTML = "\u00A3" + (5 * document.getElementById("weight").value + expressCost);
        }
    }