Dwite

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>...</title>
    <script>
        var speed = 2000;
        var current_frame = 0;
        var current_text = [];


        function klikaj() {
            clearInterval();
            var text = document.getElementById("ta").value;
            var r1 = document.getElementById("r1");
            var r2 = document.getElementById("r2");
            var r3 = document.getElementById("r3");

            if (r1.checked) {
                speed = 2000;
            }
            else if (r2.checked) {
                speed = 1000;
            }
            else if(r3.checked)
            {
                speed = 500;
            }

            current_text = text.split(' ');
            current_frame = 0;
            setInterval(()=>{
                document.getElementById("show").innerHTML = current_text[current_frame];
                if (current_text.length > 0) {
                    if (current_frame < current_text.length) {
                        current_frame++;
                    }
                    else{
                        current_frame = 0;
                    }
                }
            },speed);
        }
    </script>

    <style>
        #input {
            float: left;
            border-style: inset;
            width: 300px;
            height: 300px;
        }
        textarea{
            resize: none;
            width: 294px;
            height: 240px;
        }
        #generate_btn{
            width: 100px;
            height: 24px;
            margin-top: 10px;
        }
        #options{
            float: left;
            border-style: inset;
            width: 150px;
            height: 300px;
        }
        #options input{
            float : left;
            margin-left: 20px;
        }
        #output{
            clear: both;
            width: 452px;
            height: 200px;
            border-style: inset;
        }

        #show{
            font-size: 30px;
            margin-top:70px;
        }

    </style>


</head>
<body>
    <div id="input">
        <div>
            <textarea id="ta"></textarea>
            <center>
                <input type="button" id="generate_btn" value="GENERATE" onclick="klikaj()">
            </center>
        </div>
    </div>
    <div id="options">
        <center>
            <div>
                <h4>Poziom trudności :  </h4><br />
                <input id="r1" type="radio" value="Łatwy" name="level"/>Łatwy<br/>
                <input id="r2" type="radio" value="Średni" name="level"/>Średni<br/>
                <input id="r3" type="radio" value="Trudny" name="level"/>Trudny<br/>
            </div>
        </center>
    </div>
    <div id="output">
        <center>
            <div id="show">
            </div>
        </center>
    </div>
    </body>
</html>