JSFiddle - React, Tailwind, and code Playground

by lithium182

HTML

<div>Zadejte větu bez diakritiky: </div>
<textarea id="ttt">
</textarea>
<input id="bbb" type="button" value="Spočítej!">
<div id="vvv"></div>

CSS

textarea {
    width: 100%;
    height: 300px;
}

JavaScript

var inputText = document.getElementById("ttt");
var inputButton = document.getElementById("bbb");
var outputField = document.getElementById("vvv");

var arr = []; //znaky v retezci

inputButton.addEventListener("click", onClick, false);

function searchInArr(char) { //zjisteni, zdali je uz dany znak zadany
    if (char == " ") 
        return;
    
    for (var i = 0; i < arr.length; i++) {
        if (arr[i].indexOf(char) != -1) 
            return;
    }
    arr.push(char);
}

function onClick() {
    var text = inputText.value;
    for (var i = 0; i < text.length; i++) {
        searchInArr(text[i]);
    }
    outputField.textContent = "Počet jedinečných znaků(mezera se nepočítá): " + arr.length;
    arr = [];
}