JSFiddle - React, Tailwind, and code Playground

by jarosciak

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Slovak Diacritic Adder</title>
</head>
<body>
  <h1>Slovak Diacritic Adder</h1>
  <p>Enter your text:</p>
  <textarea id="text-input"></textarea>
  <br><br>
  <button onclick="addDiacritics()">Add Diacritics</button>
  <br><br>
  <p>Result:</p>
  <p id="result"></p>

  <script>
    function addDiacritics() {
      // get the text from the form
      var text = document.getElementById("text-input").value;

      // add the Slovak diacritics to the text
      text = addSlovakDiacritics(text);

      // display the result
      document.getElementById("result").innerHTML = text;
    }

    // add the missing Slovak diacritics to the given text
    function addSlovakDiacritics(text) {
      // TODO: implement this function to add the missing Slovak diacritics to the text

      return text;
    }
  </script>
</body>
</html>