Quiero que aparezcan dos botones justo después de presionar uno de los dos botones anteriores.
var a = "Jeg heter "; var b = "Benjamin"; var j = "Jasmin"; function endre() { var x = document.getElementById("endre1"); if (x.innerHTML == "Velg navn" || j) { x.innerHTML = a + b; } } function endre2() { var x = document.getElementById("endre1"); if (x.innerHTML == "Velg navn" || b) { x.innerHTML = a + j; } } <button onclick="endre2()">Jasmin</button> <button onclick="endre()">Benjamin</button> <div id="endre1">Velg navn</div> <br> <button class="visknapp24()" style="display: none;">24 år</button> <button class="visknapp20()" style="display: none;">20 år</button>¿Alguna forma de agregar a esto?
En primer lugar, necesita mostrar la misma función para ambos botones. Además, solo tiene que consultar los botones usando querySelector() o getElementsByClassName() .
Una vez que tenga eso, puede usar la propiedad de style de JS para modificar los estilos CSS:
var a = "Jeg heter "; var b = "Benjamin"; var j = "Jasmin"; function endre() { var x = document.querySelector(".visknapp24"); var y = document.querySelector(".visknapp20"); x.style.display = 'block'; y.style.display = 'block'; } <button onclick="endre()">Jasmin</button> <button onclick="endre()">Benjamin</button> <div id="endre1">Velg navn</div> <br> <button class="visknapp24" style="display: none;">24 år</button> <button class="visknapp20" style="display: none;">20 år</button>Agregaría una identificación a sus botones, luego actualizaría el estilo.
<button id='btn1' class="visknapp20()" style="display: none;">20 år</button> function endre() { var x = document.getElementById("endre1"); if (x.innerHTML == "Velg navn" || j) { x.innerHTML = a + b; document.getElementById("btn1").style.display='inline' } } Podría ser mejor usar el estilo de visibility frente al estilo de display .