0
381
Visualizações¿Cómo usar un botón para cambiar el color del cuerpo en javascript?
Escribí este código para cambiar el modo de la página de regular a claro a oscuro y cambiar el color del cuerpo pero los botones no funcionan y sigo recibiendo este mensaje en el depurador
código de botones html
<ul> <li> <button type="button" id="l" onclick="myfunction()">Light</button></li> <li> <button id="d"> Dark</button> </li> </ul>codigo javascript
function myfunction(){ document.body.style.background="red"; }depurador no detectado
ReferenceError: myfunction is not defined No debugger available, can not send 'variables' 
Intenté cambiar los botones a divs y cambiar la función un par de veces, pero no funcionó.
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
Mira si esto ayuda
function changeColor(e){ const body = document.body body.classList.toggle("dark") e.innerText = body.classList.contains("dark") ? "Light" : "Dark" } .dark { background:black; color:white; } <body> <button onclick="changeColor(this)">Dark</button> <br ><br > <div class="texts"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div> </body>
·
Juan Pablo Isaza
Relatório
Responde à pergunta