JSFiddle - React, Tailwind, and code Playground

HTML

<div id="breuken"></div>

JavaScript

$(function() {
    
    var number = document.getElementById("breuken"),
        i = 1;

    for (; i <= 10; i++) {
        
        var sRandom = Math.floor(Math.random()*10),
            fRandom = Math.floor(sRandom + Math.random()*(10-sRandom)),
            calc = Math.abs(fRandom - sRandom),
            textInput = document.createElement('input'),
            span = document.createElement('span'),
            p = document.createElement('p');
        
        textInput._calc = calc;
        
        textInput.onchange = (function(p) {
            return function(ev) {
                var self = ev.target;
                if (self.value == self._calc) {
                    p.style.color = 'green';                    
                };
            };
        })(p);
        
        span.innerHTML = fRandom + " - " + sRandom + " = ";
        
        p.appendChild(span);
        p.appendChild(textInput);
        
        number.appendChild(p);
    };
});