JSFiddle - React, Tailwind, and code Playground

by arcm111

HTML

<body>
    <input type="button" value="Cookies" onclick="buyCookies()" /> <!-- missing "/" -->
    <div>
        <p id="numCookies"></p> <!-- mising ">" -->
    </div>
</body>

JavaScript

function buyCookies()
{
    var numCookiesP = document.getElementById("numCookies");
    var numCookies = parseInt( prompt("How many cookies would you like to buy?") );
    numCookiesP.innerHTML = numCookies;

    if(numCookies <= 5)
    {
        document.write("Total: $" + (numCookies * 1.25).toFixed(2));
    }
    else if(numCookies <= 11)
    {
        document.write("Total: $" + (numCookies * 1.15).toFixed(2));
    }
    else
    {
        document.write("Total: $" + (numCookies * 1.00).toFixed(2));
    }

}