display and radio buttons

by borisjavier

HTML

<div id="myDiv">
La empresa en que trabajo es...
  
</div>

<div id="myDiv1" style="display: none;">
  Mi empresa es...
</div>

<input type="radio" id="flexRadioDefault1" name="flexRadioDefault" value="mostrar" checked>
<label for="flexRadioDefault1">Soy employee</label>

<input type="radio" id="flexRadioDefault2" name="flexRadioDefault" value="ocultar">
<label for="flexRadioDefault2">Tengo empresa</label>

JavaScript

// Obtén los radio buttons y el div
const radioMostrar = document.getElementById("flexRadioDefault1");
const radioOcultar = document.getElementById("flexRadioDefault2");
const divContenido = document.getElementById("myDiv");
const divContenido1 = document.getElementById("myDiv1");

// Agrega un event listener para el cambio de selección en los radio buttons
radioMostrar.addEventListener("change", function() {
  if (radioMostrar.checked) {
    divContenido.style.display = "block"; // Muestra el div
    divContenido1.style.display = "none";
  }
});

radioOcultar.addEventListener("change", function() {
  if (radioOcultar.checked) {
    divContenido.style.display = "none"; // Oculta el div
    divContenido1.style.display = "block";
  }
});