Skip to main content
se eliminaron 6 caracteres en el cuerpo
Origen Enlace
user67178
user67178

JS

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';
  }
}

CSS

#alerta{
    margin-top:1 0px;
    display: none;
}

#alerta p{
    color: mediumseagreen;
}

HTML

  </form>
  
      <div id="alerta">
          <p>Su articulo se ha anadido</p>
      </div>

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>

JS

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';
  }
}

CSS

#alerta{
    margin-top:1 0px;
    display: none;
}

#alerta p{
    color: mediumseagreen;
}

HTML

  </form>
  
      <div id="alerta">
          <p>Su articulo se ha anadido</p>
      </div>

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.

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>

Origen Enlace
user67178
user67178

JS

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';
  }
}

CSS

#alerta{
    margin-top:1 0px;
    display: none;
}

#alerta p{
    color: mediumseagreen;
}

HTML

  </form>
  
      <div id="alerta">
          <p>Su articulo se ha anadido</p>
      </div>

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.