JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    <title>Kostka losujaca oceny z matmy.</title>
    <link rel="stylesheet" type="text/css" href="style2.css" />
</head>
<body>
    <h1>Kostka do gry</h1>
    
    <div id="image"></div>

    <form name="forml">
        <input type="button" value="losuj" onclick="losuj()" />
        <input type="text" size="5" name="losowa" />
    </form>
    
    <script>
        function losuj()
        {
            document.getElementById('image').innerHTML = '';

            var zmienna = Math.floor(Math.random() * 6+1);
            var image = document.createElement('img');
            image.setAttribute('src', 'https://cdn3.iconfinder.com/data/icons/letters-and-numbers-1/32/number_' + zmienna + '_green-128.png');

            console.log(zmienna)
            //window.alert('brak wartości');
            //document.write('zła wartość');
            document.forml.losowa.value = zmienna;
            document.getElementById('image').appendChild(image);
        }
    </script>
</body>
</html>