TextEditor/script.js at master · geekguyadarsh/TextEditor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
updateText = () => {
  var text = document.getElementById("text-input").value;
  document.getElementById("text-output").innerText = text;
};
makeBold = (elem) => {
  elem.classList.toggle("active");
  var element = document.getElementById("text-output");
  element.classList.toggle("bold");
};

makeItalic = (elem) => {
  elem.classList.toggle("active");
  var element = document.getElementById("text-output");
  element.classList.toggle("italic");
};

makeUnderline = (elem) => {
  elem.classList.toggle("active");
  var element = document.getElementById("text-output");
  element.classList.toggle("underline");
};

alignText = (elem, alignType) => {
  var element = document.getElementById("text-output");
  console.log(elem);
  element.style.textAlign = alignType;
  let buttonList = document.getElementsByClassName("align");
  console.log(buttonList.length);

  for (let i = 0; i < buttonList.length; i++) {
    buttonList[i].classList.remove("active");
  }
  elem.classList.toggle("active");
};