Code Editor

Programming Text Editior
\n',textarea1.style.color="rgb(85 174 232 / 90%)";let textarea2=document.querySelector(".textarea2"),textarea3=document.querySelector(".textarea3"),textarea4=document.querySelector(".textarea4");codeBtn1.addEventListener("click",()=>{textarea1.style.display="block",textarea2.style.display="none",textarea3.style.display="none",textarea4.style.display="none"}),codeBtn2.addEventListener("click",()=>{textarea2.style.display="block",textarea1.style.display="none",textarea3.style.display="none",textarea4.style.display="none"}),codeBtn3.addEventListener("click",()=>{textarea3.style.display="block",textarea1.style.display="none",textarea2.style.display="none",textarea4.style.display="none"}),codeBtn4.addEventListener("click",()=>{textarea4.style.display="block",textarea1.style.display="none",textarea2.style.display="none",textarea3.style.display="none",codeEditor()});const setting=document.querySelector(".settingIcon");setting.innerHTML='
\n
    \n
  • Dark Blue Theme
  • \n
  • White Theme
  • \n
\n
';const settingPop=document.getElementById("settingPop"),settingText=document.querySelector(".settingText");settingPop.addEventListener("click",()=>{settingText.classList.toggle("settingPOPText")}),document.getElementById("dark").addEventListener("click",()=>{textarea1.style.color="#51A1D6"}),document.getElementById("light").addEventListener("click",()=>{textarea1.style.color="rgb(255,255,255)"});const navbar=document.getElementById("bars"),information=document.getElementById("information"),song=new Audio("https://www.fesliyanstudios.com/soundeffects-download.php?id=387");navbar.addEventListener("click",()=>{information.classList.toggle("navbar"),song.play()});let file=document.querySelector(".file"),menuText=document.querySelector(".menuText");file.addEventListener("mouseenter",()=>{menuText.style.display="block"}),textarea1.addEventListener("click",()=>{menuText.style.display="none"});