var switchCount, textArea, result, words = false, text= 0; window.onload = (event) =>{ switchCount = document.querySelector("#flexSwitchCheckDefault"); textArea = document.querySelector('#floatingTextarea'); result = document.querySelector('#counter'); switchCount.addEventListener("change", (event) => changeTarget()); textArea.addEventListener("input",(event) => countText()); Swal.fire({ title: '', icon: '', html: '

' + '

31 days of code

'+ '

This is part of my personal project to practice JS and CSS.

' + '

01/31 - Word and character counter

' + ' _luisdotcom', showCloseButton: true, showCancelButton: false, focusConfirm: false, confirmButtonText: ' Great!', confirmButtonAriaLabel: 'Continuar'}).then(() => {textArea.focus();}); } function changeTarget(){ words = !words; text = textArea.value; if(text.length!= ""){ if(!words){ if(text.includes(" ")){ text = text.split(" "); var count = 0; for(var i = 0; i 1){ result.innerHTML = count + " words"; } else{ result.innerHTML = "1 word"; } } else{ result.innerHTML = "1 word"; } } else{ if(text.includes(" ")){ var count = text.replaceAll(" ",""); if(count.length > 1){ result.innerHTML = count.length + " characters"; } else{ result.innerHTML = "1 character"; } } else{ if(text.length>1){ result.innerHTML = text.length + " characters"; } else{ result.innerHTML = "1 character"; } } } } else{ result.innerHTML = ""; } textArea.focus(); } function countText(){ text = textArea.value; if(text.length!= ""){ if(!words){ if(text.includes(" ")){ text = text.split(" "); var count = 0; for(var i = 0; i 1){ result.innerHTML = count + " words"; } else{ result.innerHTML = "1 word"; } } else{ result.innerHTML = "1 word"; } } else{ if(text.includes(" ")){ var count = text.replaceAll(" ",""); if(count.length > 1){ result.innerHTML = count.length + " characters"; } else{ result.innerHTML = "1 character"; } } else{ if(text.length>1){ result.innerHTML = text.length + " characters"; } else{ result.innerHTML = "1 character"; } } } } else{ result.innerHTML = ""; } textArea.focus(); }

31DOC - 1st Day