plain javascript, onclick not working on mobile

Question

Now I am not a star really with Javascript, but i seem to encounter the all known problem with mobile devices and the onclick function. Onclick requires a mouse action where off

Answer 1

Binding the click event listener to the element should fix the problem you've been having.

btn.addEventListener("click", function() {
    var x = window.innerWidth;
    if (x > 768) {
        //event.preventDefault();
        modal.style.display = "block";
    } else {
        //event.preventDefault();
    }
});

Alternatively, you could try using the touchstart event, which works just like the "mousedown" event, just for mobile.

elem.addEventListener("touchstart", handler);

Your code would look like this:

btn.addEventListener("touchstart", function() {
    var x = window.innerWidth;
    if (x > 768) {
        //event.preventDefault();
        modal.style.display = "block";
    } else {
        //event.preventDefault();
    }
});