JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<form>
   <p>X: <input id="x" type="text"></p>
   <p>Y: <input id="y" type="text"></p>
   <p><input id="btn" type="button" value="Start"></p>
</form>

JavaScript

function getNumVal(id){
    var inp = document.getElementById(id);
    var n = parseInt(inp.value);
    if (isNaN(n)){
        inp.style.backgroundColor = '#F77';
        return null;
    }else{
        inp.style.backgroundColor = '#7F7';
        return n
    }
    console.log(parseInt(n))
}

window.onload = function(){
    document.getElementById('btn').onclick = function(){
        var x = getNumVal('x');
        var y = getNumVal('y');
        if (x && y){
            alert('x=' + x + '   y=' +y);   
        }else{
            alert('Введите, пожалуйста, числа');
        }
    }
}