Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <title>java script</title>
  <script>
    function countChar() {
        var napis = document.getElementById("txt1").value;
        var liczba = document.getElementById("txt2");
        liczba.value = napis.length;
        createDropDownList();
    }
    function createDropDownList()
    {

        var napis = document.getElementById("txt1").value;
        var litery = document.getElementById("litery");

        clearDropDownList(litery);

       for(var i = 0;i < napis.length;i++)
        {
            var option = document.createElement("option");
            option.text = i;
            option.value = napis.charAt(i);;
            litery.add(option, litery[i]);
        }
    }
    function clearDropDownList(selectbox)
    {
        var i;
        for(i = selectbox.options.length - 1 ; i >= 0 ; i--)
        {
            selectbox.remove(i);
        }
    }
    function selectedChar()
    {
        var ktoraLitera = document.getElementById("txt3");
        var litery = document.getElementById("litery");
        var index = litery.options[litery.selectedIndex].value;
        ktoraLitera.value = index;
    }
    function replacement()
    {
        var napis = document.getElementById("txt1").value;
        var wyszukaj = document.getElementById("txt4").value;
        var zamien = document.getElementById("txt5").value;
        var wynik = document.getElementById("txt6");
        var result1 = napis.replace(wyszukaj,zamien);
        var result2 = result1.replace(wyszukaj,zamien);


        wynik.value = result2;

        replacementUpperCase(result2);
    }
    function replacementUpperCase(result2)
    {

        document.getElementById("txt7").value;
    }

  </script>
</head>
<body>

<p>Jarosław Gryczan</p>
<p>47184</p>

<label for="txt1">Podaj napis</label>
<input type="text" id="txt1" onchange="countChar()"/>
<label for="txt2">Ilość znaków: </label>
<input type="text" id="txt2"/>
<br/><br/>
<select id="litery" onchange="selectedChar()">
</select>
<label for="txt3">Wybrana litera ma nr: </label>
<input type="text" id="txt3"/>
<br><br>
<label for="txt4">WYSZUKAJ:</label>
<input type="text" id="txt4"/>
<br>
<label for="txt5">ZAMIEŃ NA:</label>
<input type="text" id="txt5"/>
<br>
<button onclick="replacement()">WYKONAJ</button>
<br>
<label for="txt6">wynik:</label>
<input type="text" id="txt6"/>
<br>
<label for="txt7">wynik uppercase:</label>
<input type="text" id="txt7"/>

</body>
</html>