Simplemente le he añadido al JS window.addEventListener("load",mostrar);
para que al cargar la página se apliquen las instrucciones de la función mostrar()
. Espero que te haya servido de ayuda.
window.addEventListener("load",mostrar);
function mostrar() {
var x = document.getElementById('alerta');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
#alerta{
margin-top:1 0px;
display: none;
}
#alerta p{
color: mediumseagreen;
}
<form>
<input type="button" onclick="mostrar()" class="add-to-cart" value="Anadir a compra" />
<link rel="stylesheet" href="estilos.css">
</form>
<div id="alerta">
<p>Su articulo se ha anadido</p>
</div>