Mi problema es que tengo un popup con un botón y quiero mostrar un texto que está dentro de un div pero al clickearlo no muestra nada. En resumen éste es el código que tengo hasta el momento porque si lo motrara todo sería muy extenso. Gracias.
HTML
<form>
<input type="button" onclick="mostrar()" class="add-to-cart" value="Añadir a compra" />
</form>
<div id="alerta">
<p>Su articulo se ha anadido</p>
</div>
CSS
#alerta{
margin-top:1 0px;
display: none;
}
#alerta p{
color: mediumseagreen;
}
Script
function mostrar() {
var x = document.getElementById('alerta');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
.style
te regrese un valor este tuvo que haber sido seteado anteriormente de forma dinámica, usando el mismo objeto que te regresagetElementById()
para valores iniciales desde un archivo css tienes que usarwindow.getComputedStyle(x).display