**JS**
<!-- begin snippet -->

<!-- language: lang-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';
      }
    }
<!-- end snippet -->

**CSS**
<!-- language: lang-css -->

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

    #alerta p{
        color: mediumseagreen;
    }

<!-- language: lang-html -->
**HTML**
      <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>

<!-- end snippet -->

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.