Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

280
Vistas
¿Por qué no funciona este código? acabo de aprender a usar js con html y css, así que estoy confundido

se supone que debe mostrar los hechos originales, luego use el botón para cambiar entre ambas páginas de hechos, pero algunos de los cambios de css no funcionan y cambiar la imagen a la original tampoco funciona

 var par1 = $('.p1'); var par2 = $('.p2'); var par3 = $('.p3'); var button = $('button'); var picture = $('img') var body = $('body') button.on('click', showFacts); button.on('click', hideFacts); function showFacts () { Header.text('Tree Facts'); par1.text('Trees can help to reduce stress'); par2.text("Trees are the longest living organisms on Earth, and never die of old age."); par3.text('Planting trees can help reduce your energy costs.'); picture.attr('src', 'https://cdn.shopify.com/s/files/1/0212/1030/0480/products/91cnlaObmbL._SL1500.jpg?v=1627168523'); button.text('hide the secrets!'); Header.css('color', 'darkolivegreen'); button.css('background-color', 'darkolivegreen'); body.css('background-color', 'lightsalmon'); button.css('border', '2px', 'solid', 'black'); }; function hideFacts() { Header.text('Puppy Facts'); par1.text('They spend 15–20 hours a day sleeping.'); par2.text('Puppies can be twins!'); par.text('Puppies become adults when they turn one.'); picture.attr('src', 'https://www.cbc.ca/kidscbc2/content/the_feed/fact-2-puppies-sleep-compressor.jpg'); button.text('show me the secrets!'); Header.css('color', 'mediumblue'); button.css('background-color', 'cornflowerblue'); body.css('background-color', 'white'); button.css('border', '2px', 'solid', 'mediumblue' ); }; ```
about 4 years ago · Santiago Gelvez
1 Respuestas
Responde la pregunta

0

El problema es que registra dos controladores de eventos de click en el mismo botón.

 button.on('click', showFacts); button.on('click', hideFacts);

Cada vez que se hace clic en el botón, ambos se activan, hideFacts siempre se ejecutará en último lugar.

En su lugar, podría registrar un controlador de eventos de un solo click y ejecutar showFacts u hideFacts según el estado actual.

about 4 years ago · Santiago Gelvez Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda