JSFiddle - React, Tailwind, and code Playground

by MythOfEchelon

HTML

<!-- This is just my HTML5 template. Make sure you set this up correctly for your personal needs. -->

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        
        <style>
            * {
                margin: 0;
                padding: 0;
            }
        
            html {
                font: 15px "Segoe UI", "Segoe WPC", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
            }
            
            div {
                float: left;
            }
        </style>
        
        <script>
            document.onreadystatechange = function(){
                if (document.readyState === "complete"){
                    askQuestion();
                }
            }
            
            function askQuestion(){
                var question_Element = document.getElementById("question");
                var number_1 = 43;
                var number_2 = 12;
                var operator = "+";
                
                if (operator == "+") {
                    result = number_1 + number_2;
                } else if (operator == "-") {
                    result = number_1 - number_2;
                } else if (operator == "*" || operator == "x" || operator == "X") {
                    result = number_1 * number_2;
                } else if (operator == "/") {
                    result = number_1 / number_2;
                }
                
                question_Element.innerHTML = number_1 + " " + operator + " " + number_2 + " = ";
            }
            
            function checkAnswer(){
                var answer_Feedback_Element = document.getElementById("answer_Feedback");
                var answer = document.getElementById("answer_Input").value;
                
                if (answer == result) {
                    answer_Feedback_Element.innerHTML = "Correct! Well done!";
                } else {
                   ...