with open(index_html_path, 'r', encoding='utf-8') as f:
html_content = f.read()
if "<button" not in html_content:
html_content = html_content.replace("
with open(app_js_path, 'w', encoding='utf-8') as f:
f.write(app_js_code)
with open(index_html_path, 'w', encoding='utf-8') as f:
f.write(html_content)
¡Hola Rhoyer!
Parece que estás trabajando en un desafío relacionado con la manipulación de archivos HTML y JavaScript. Vamos a ver cómo podemos ayudarte con esto.
Por lo que puedo ver, tu código está leyendo el contenido de un archivo index.html, verificando si ya existen botones dentro del <body> y, si no, los está insertando. Luego, guarda los cambios tanto en el archivo app.js como en el index.html.
Aquí hay algunas sugerencias para asegurarte de que tu código funcione correctamente:
Verificación de la etiqueta <button>: Asegúrate de que la verificación if "<button" not in html_content: sea suficiente para detectar la presencia de botones. Si tus botones tienen atributos o están en diferentes líneas, podrías necesitar una verificación más robusta.
Inserción de botones: Asegúrate de que html_button_block contenga el HTML correcto para los botones que deseas insertar. Por ejemplo:
html_button_block = """
<button id="console">Console</button>
<button id="prompt">Prompt</button>
<button id="alert">Alerta</button>
<button id="sum">Suma</button>
"""
Funciones de JavaScript: Asegúrate de que app_js_code contenga las funciones necesarias para manejar los eventos de clic en los botones. Por ejemplo:
document.getElementById('console').addEventListener('click', function() {
console.log("El botón fue clicado");
});
document.getElementById('prompt').addEventListener('click', function() {
let ciudad = prompt("Nombre de una ciudad de Brasil:");
alert("Estuve en " + ciudad + " y me acordé de ti");
});
document.getElementById('alert').addEventListener('click', function() {
alert("Yo amo JS");
});
document.getElementById('sum').addEventListener('click', function() {
let num1 = parseFloat(prompt("Introduce el primer número:"));
let num2 = parseFloat(prompt("Introduce el segundo número:"));
alert("La suma es: " + (num1 + num2));
});
Si todo está bien configurado, deberías poder ver los botones en tu página y cada uno debería ejecutar la función correspondiente al ser clicado.
Espero que estas sugerencias te ayuden a avanzar en tu desafío. ¡Espero haber ayudado y buenos estudios!