JSFiddle - React, Tailwind, and code Playground

HTML

<div id="headerDiv">
    <h1> Math! </h1>
</div>

<div id="wrapperDiv">
    <div id="navDiv">
        <div id="navButtonDiv" class="buttonDiv"> <a href="1-home.html"> Home! </a> </div>
        <div id="navButtonDiv" class="buttonDiv"> <a href="1-math.html"> Math! </a> </div>
        <div id="navButtonDiv" class="buttonDiv"> <a href="1-links.html"> Cool Links! </a> </div>
        <div id="navButtonDiv" class="buttonDiv"> <a href="1-videos.html"> Videos! </a> </div>
        <div id="navButtonDiv" class="buttonDiv"> <a href="1-unknown.html"> ??? </a> </div>
    </div>

    <h3> Enter a list of numbers and find its mean, median, and mode! </h3>
    <div id="enterNumbers" class="buttonDiv" onclick="getNumbers()"> Enter numbers </div>
    <div id="mathButtonDiv" class="buttonDiv" onclick="mean(nums)"> Mean </div>
    <div id="mathButtonDiv" class="buttonDiv" onclick="median(nums)"> Median </div>
    <div id="mathButtonDiv" class="buttonDiv" onclick="mode(nums)"> Mode </div>

</div>

JavaScript

var nums = "";

function getNumbers() {
    nums = prompt("Enter a list of numbers separated by commas", "Put numbers here");
}


//incomlete

function mean(numbers) {
    console.log('mean', numbers);
}

function median(numbers) {
    console.log('median', numbers);
}

function mode(numbers) {
    console.log('mode', numbers);
}