JSFiddle - React, Tailwind, and code Playground

JavaScript

var x0 = prompt('Zečetna vrednost');
var x1 = prompt('Končna vrednost');

// če uporabnik vnese x0 > x1
var start = Math.min(x0, x1);
var end = Math.max(x0, x1);

// osnovni primer
document.write('<strong>Osnoven primer:</strong><br>');

for (var i = start; i <= end; i++) {
    document.write(i + ' ');
}
document.write('<br><br>');

// prva različica problema - vejice in 'in'
document.write('<strong>Prva različica primera - vejice in \'in\'</strong><br>');

for (var i = start; i <= end; i++) {
    document.write(i);

    if (i < (end - 1)) {
        document.write(', ');
    } else if (i < end) {
        document.write(' in ');
    }
}
document.write('<br><br>');

// druga različica problema - vrednosti izpisane v tabeli
document.write('<strong>Druga različica problema - vrednosti izpisane v tabeli</strong><br>');

document.write('<table><tbody><tr>');
for (var i = start; i <= end; i++) {
    document.write('<td>' + i + '</td>');
}
document.write('</tr></tbody></table>');
document.write('<br><br>');

// tretja različica problema - polja za vnos številk in sprožitev ob pritisku na gumb
document.write('<strong>Tretja različica problema - polja za vnos številk\
                in sprožitev ob pritisku na gumb<strong><br>');

document.write('<form action="#" method="GET">');
document.write('<label for="x0">x0</label><input type="text" id="x0" name="x0"><br>');
document.write('<label for="x1">x1</label><input type="text" id="x1" name="x1"><br>');
document.write('<input type="submit" id="button">');
document.write('</form>');

var button = document.getElementById("button");

button.onclick = function() {
    var x0_new = document.getElementsByName('x0')[0].value;
    var x1_new = document.getElementsByName('x1')[0].value;
    
    console.log(x0_new);
    
    if(isNaN(x0_new) || isNaN(x1_new)) {
        return false; // prekine izvajanje in prepreči privzeto vedenje, tj. submitanje forme
    }
    
    x0_new = parseInt(x0_new);
    x1_new = parseInt(x1_new);
    
   ...