JSFiddle - React, Tailwind, and code Playground

by pphheerroonn

HTML

<!DOCTYPE html>
<html>
<body>
<img src ="" id="mainImage"></img>
<p id="status"> BEGIN!</p>

<input name type = number id ="price">
<button onclick="buttonClicked()">NEXT</button>
<button onclick="newPlayerClicked()">NEW</button>
<p id="answers"></p>


<script>
var player = 1;
var answers = new Array();
function buttonClicked(){
    var currentValue = document.getElementById('price').value;
    if (currentValue != "" && currentValue> 0){
        document.getElementById("status").innerHTML = "Correct!";
        answers.push(currentValue);
        updateAnswersDisplay()
    }else{
        document.getElementById("status").innerHTML = "WRONG! Try again";
    }

}

function updateAnswersDisplay(){
    var allAnswersString = [];
    for(i = 0; i < answers.length; i++) {
        allAnswersString += (answers[i]+ " ");
    }
    document.getElementById("answers").innerHTML = allAnswersString;
}
function newPlayerClicked(){
    player = 2
}
</script>
</body>
</html>