<script>
    function wytnij()
    {
        var text1 = document.getElementById('t1');
        var text2 = document.getElementById('t2');
        text2.value = text1.value.slice(0, 1);
    }
    function wytnij_ost()
    {
        var text1 = document.getElementById('t1');
        var text2 = document.getElementById('t2');
        text2.value = text1.value.slice(-1);
    }
    function piersze_slowo()
    {
        var text1 = document.getElementById('t1');
        var text2 = document.getElementById('t2');
        var x = text1.value.split(" ");
        text2.value = x[0];
    }

    function wspak()
    {
        var text1 = document.getElementById('t1');
        var text2 = document.getElementById('t2');
        var x = "";
        for (i=0; i<=text1.value.length-1; i++)
        {
            x=text1.value[i]+x;
        }
        text2.value = x;
    }

</script>

<form>
    <p>T1: <input type="text" id="t1"></p>
    <p>T2: <input type="text" id="t2"></p>
    <p><input type="button" value="Skopiuj pierwszy znak" onclick="wytnij()"></p> 
    <p><input type="button" value="Skopiuj ostatni znak" onclick="wytnij_ost()"></p>
    <p><input type="button" value="Pierwsze słowo" onclick="piersze_slowo()"></p>
    <p><input type="button" value="Wspak" onclick="wspak()"></p>
</form>

<script>
    function ile()
    {
        var text1 = document.getElementById('text1');
        var text2 = document.getElementById('text2');
        //
        text2.value = text1.value.length;
    }
    function wytnij()
    {
        var text1 = document.getElementById('text1');
        var text2 = document.getElementById('text2');
        var number1 = document.getElementById('number1');
        var number2 = document.getElementById('number2');
        //
        text2.value = text1.value.slice(number1.value, number2.value);
    }
    function maleduze()
    {
        var text1 = document.getElementById('text1');
        var text2 = document.getElementById('text2');
        var male = document.getElementById('male');
        //
        if (!male.checked) text2.value = text1.value.toLowerCase();
        else text2.value = text1.value.toUpperCase();
    }
</script>
<form>
    Text 1: <input type="text" id=text1 value="Ala ma kota!" onkeyup="wytnij()"><br>
    Text 2: <input type="text" id=text2><br>
    X1: <input type="number" id="number1" value="0" onchange="wytnij()" style="width: 50px;">
    X2: <input type="number" id="number2" value="3" onchange="wytnij()" style="width: 50px;"><br>
    <input type="button" value="ile jest znaków w text1", onclick="ile()"><br>
    <input type="button" value="wytnij z text1" onclick="wytnij()"><br>
    <input type="checkbox" id=male> małe/Duże litery
    <input type="button" value="małe duże litery z text1" onclick="maleduze()"><br>
</form>