Skrypt, po kliknieciu na napis powieksza się/reverse

Skrypt, po kliknieciu na napis powieksza się/reverse
  • Rejestracja: dni
  • Ostatnio: dni
0

Witam.
Potrzebuje funkcje która będzie po kliknięciu w napis powiększała rozmiar czcionki a po ponownym kliknięciu zmniejszała do pierwotnego rozmiaru.
Szukałem już wszędzie, niestety sam nie potrafie tego zrobić.

WeiXiao
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 5227
1
Kopiuj
<p id="myText" onclick="test()">Text Text Text</p> 
Kopiuj
var FlagToSwitchTextSizes = true;

function test()
{
   const element = document.getElementById("myText");

   if (FlagToSwitchTextSizes)
   {
     element.style.fontSize = "xx-large"; 
   }
   else
   {
     element.style.fontSize = "initial"; 
   }

   FlagToSwitchTextSizes = !FlagToSwitchTextSizes;
}
Maciej Cąderek
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 1264
2
Kopiuj
<span id="example">EXAMPLE</span>
Kopiuj
.big {
  font-size: 100px;
}
Kopiuj
document
  .getElementById('example')
  .addEventListener('click', ({ target }) => {
    target.classList.toggle('big')
})

CodePen: https://codepen.io/caderek/pen/Ryxqyj

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.