使用href <a> onClick的PHP snackbar不起作用？

Question

I'm trying to dismiss this snackbar when I click the add to cart <a href> but it doesn't output anything. Anyone can help me? here is my code

SNACKBAR CODE

<div id="snackbar">Some text some message..</div>

A HREF CODE

<a class="btn btn-primary" href="?add=<?php echo($i); ?>" onClick="myFunction()">Add to cart

JQUERY.JS CODE

function myFunction() {
var x = document.getElementById("snackbar")
x.className = "show";
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

Answer 1

Your code doesn't at all make use of jQuery. But if you want to use jQuery the code below is equivalent of jQuery code to your clean js code.

function myFunction() {
    var snackbar = $("#snackbar");
    snackbar.addClass("show").delay(3000).removeClass("show");
}

Or even better:

function myFunction() {
    var snackbar = $("#snackbar");
    snackbar.show().delay(3000).hide();
}

a jsfidle example her would have been good.