para aclarar mi pregunta, quiero poder verificar si un elemento está presente en el dom con solo hacer clic en un botón, si ese elemento no está presente, agréguelo, de lo contrario document.body.remove (elemento).
Esto es lo que estoy pensando: hace clic en el botón -> si el elemento no está presente, aparece, de lo contrario desaparece
este es mi html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button id="btn-1" onclick="run1()">show / remove</button> <script type="text/javascript" src="basic.js"></script> </body> </html>este es mi javascript:
let div1 = document.createElement('div'); div1.className = 'exer-text'; div1.id = 'div1'; div1.id = 'special1'; let bold1 = document.createElement('b'); bold1.innerText = '2.'; let par1 = document.createElement('p'); par1.innerText = 'The answer to the question is '; par1.append(bold1); div1.append(par1); const divPresent = document.getElementById('div1') function run1() { if (divPresent == null) { document.body.append(div1); } else { document.body.remove(div1); } } document.getElementById('btn-1').addEventListener('click', run1);