1 (edytowany przez kamil 04-11-2021 09:43:31)

Temat: Operacje na tekscie

<script>
  function fun1()
  {
    var t1 = document.getElementById("t1");
    var t2 = document.getElementById("t2");
    //
    t2.value = t1.value.length; // zwraca długość tekstu
  }
  //==================================================
  function fun2()
  {
    var t1 = document.getElementById("t1");
    var t2 = document.getElementById("t2");
    var c1 = document.getElementById("c1");
    //
    if (c1.checked)
    t2.value = t1.value.toUpperCase(); // duże znaki
    else
    t2.value = t1.value.toLowerCase(); // małe znaki
  }
  //==================================================
  function fun3()
  {
    var t1 = document.getElementById("t1");
    var t2 = document.getElementById("t2");
    //
    if (t1.value.indexOf('a') >= 0)
    t2.value = "Jest a";
    else
    t2.value = "Brak a";
  }
  //==================================================
  function fun4()
  {
    var t1 = document.getElementById("t1");
    var t2 = document.getElementById("t2");
    //
    var s = t1.value.replaceAll("a", "b"); // zmiana znaków a/b
    t1.value = s;
  }
  //==================================================
  function fun5()
  {
    var t1 = document.getElementById("t1");
    var t2 = document.getElementById("t2");
    //
    t2.value = t1.value.slice(1, 4);
  }
  //==================================================
  function fun6()
  {
    var t1 = document.getElementById("t1");
    var t2 = document.getElementById("t2");
    //
    var s = t1.value.split(',');
    t2.value = s.length;
  }
  //==================================================
  function fun7()
  {
    var t1 = document.getElementById("t1");
    var t2 = document.getElementById("t2");
    //
    t2.value = t1.value[1]; // tablica zaczyna się o 0
  }
</script>
<form>
  text 1: <input type="text" id="t1" value="Kamil"><br>
  text 2: <input type="text" id="t2"><br>
  <input type="checkbox" id="c1"> duże litery<br>
</form>
<hr>
<button onclick="fun1()">długość tekst</button>
<button onclick="fun2()">małe/duże litery</button>
<button onclick="fun3()">Czy jest litera</button>
<button onclick="fun4()">zmiana znaków</button>
<button onclick="fun5()">skopjuj tekst o 2 do 4 znaku</button>
<button onclick="fun6()">ile słów</button>
<button onclick="fun7()">2 znak</button>