JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <script>
            window.onload = function () {
                var el = document.getElementById('serie');
                var lnk = document.getElementById('link');
                el.onchange = el.onkeyup = function(e) {
                    lnk.href = "http://bs.infinibrain.net/" + e.target.value + ".xml";
                };
            }
        </script>
    </head>
    <body>
        <h1>Anleitung</h1>
        1. <a href="index.xml" target="_blank">Hier</a> die id eurer Serie suchen (Leider sind noch nicht alle aufgelistet)<br/>
        2. dann id hier eingeben: <input id="serie" /><br/>
        3. und <a href="#" id="link">hier</a> die links raussuchen <br/>
    </body>
</html>