JSFiddle - React, Tailwind, and code Playground

by babich_ss

HTML

<form>
    <input class="test" value="3">
    <input class="test" value="4">
    <input class="test" value="5">
    <input class="test" value="6">
    <input class="test" value="7">
    <input class="test">
    <input class="test" value="9">
    <button id="calcButton">Запуск демо</button>
</form>
<p id="a"></p>

CSS

input,
button{
    display: block;
}

JavaScript

var inputCollection = document.getElementsByClassName("test"),
    i, state = false,
    debug = document.getElementById("a"),
    calcButton = document.getElementById("calcButton");
function calculate(event){
    event.preventDefault();
    state = false;
    i = 0;
    debug.innerHTML = "";
    while(inputCollection[i] && inputCollection[i].value !== ""){
        debug.innerHTML += inputCollection[i].value;
        i++;
    }    
}
calcButton.onclick = calculate;