• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

95
Vistas
Cómo cambiar el color del texto cuando hago clic y cambio el otro color del texto

No tengo ninguna J ya que soy un principiante. Quiero que cuando haga clic en un texto cambie el color, pero cuando haga clic en otro texto cambie de color y también devuelva el texto anterior al mismo color.

 <div class="mt-5 first-member" onclick="document.getElementById('myImage').src='./assets/images/person-team.png'"> <span> <small> <sup>01</sup> </small> </span> <h1> Alexandr Bruegel</h1> </div> <div class="mt-3 other-member" onclick="document.getElementById('myImage').src='./assets/images/bg-img.png'"> <span> <small> <sup>02</sup> </small> </span> <h1>Ann Fowler</h1> </div>

almost 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Este código debería funcionar para usted :)

 document.querySelector('.mt-5').addEventListener('click',function(){ //document.getElementById('myImage').src='./assets/images/person-team.png' document.getElementById('text1').style.color = 'red' document.getElementById('text2').style.color = 'black' }) document.querySelector('.mt-3').addEventListener('click',function(){ //document.getElementById('myImage').src='./assets/images/bg-img.png' document.getElementById('text2').style.color = 'red' document.getElementById('text1').style.color = 'black' })
 <div class="mt-5 first-member" > <span> <small> <sup>01</sup> </small> </span> <h1 id='text1'> Alexandr Bruegel</h1> </div> <div class="mt-3 other-member" > <span> <small> <sup>02</sup> </small> </span> <h1 id='text2'>Ann Fowler</h1> </div>

almost 3 years ago · Juan Pablo Isaza 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 Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda