Una pregunta, y es que he hecho el proyecto en atom y le implemente un texto y botón, con las cuales si ingreso un numero en ese texto y ...

Estudiante Platzi

Estudiante Platzi

Pregunta
studenthace 6 años

Una pregunta, y es que he hecho el proyecto en atom y le implemente un texto y botón, con las cuales si ingreso un numero en ese texto y presiono luego al botón, me aparecerán los números ingresados en el texto ya modificados con el modulo, pero el problema es que cuando le doy al botón y comienza a escribir los números, el texto y el botón se eliminan. ¿Como podría solucionarlo?

5 respuestas
para escribir tu comentario
    Diego Alexander Forero Higuera

    Diego Alexander Forero Higuera

    Team Platzihace 6 años

    olvide debes crear un div con el id result

    Diego Alexander Forero Higuera

    Diego Alexander Forero Higuera

    Team Platzihace 6 años

    Hola, el problema es que estas usando document.write, lo que hace que sobre escriba el contenido que esta en el html. Debes usar appendchild, createNode te dejo el script módificado que te va a funcionar.

    var b = document.getElementById("boton"); var t = document.getElementById("texto"); var caja = document.getElementById('result') var d; var d2; var maxNum = 0; b.addEventListener("click",botoncito); function botoncito() { maxNum = t.value; d = false; d2= false; for(var i = 1;i <=maxNum;i++) { if (i % 3 == 0) { var para = document.createElement('p') var node = document.createTextNode(' fizz') para.appendChild(node) d = true; } if (i % 5 == 0){ var para = document.createElement('p') var node = document.createTextNode(' buzz') para.appendChild(node) d2 = true; } if(d==false && d2==false) { var para = document.createElement('p') var node = document.createTextNode(' ' + i) para.appendChild(node) } caja.appendChild(para) console.log(i); d = false; d2=false; } }
    Angel Hernandez

    Angel Hernandez

    studenthace 6 años

    Hola :D podrías agregar tu código para ayudarte mejor?

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.

Curso Gratis de Programación Básica
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.