Error JavaScript en Android

[TrinityCore]

Buenas gente.

Verán, estoy creando una web con javascript Poo, pero tengo problemas en que mi tableta con android no reconoce las llamadas a los metodos.

Aqui el codigo de prueba que estoy usando:

Código Javascript:

class SiteMenu{
    constructor(){
        this.visible = false;
        return this;
    }
    show(ms){
        if(this.visible){
            $("#menu").fadeOut(ms, this.status());
        }
        $("#menu").fadeIn(ms, this.status());
    }
    status(){
        this.visible = !this.visible;
    }
}
var Menu = new SiteMenu();
 

Y este elemento llama al metodo:

Código HTML:

<div class='m-s-b' onclick="Menu.show(200);">MENU</div>
 

He intentado colocando un alert al comianzo del metodo para ver si era otro el problema, pero nada.... simplemente no reacciona. :/

El javascript esta activado en mi tableta.

¿alguna ayuda?

[Alexis88]

No puedes pretender trabajar con un método con JavaScript inline de esa forma. Debes asociar el evento al elemento desde el código y ejecutar el método en cuestión.

Código Javascript:

/* Por aquí arriba deberían estar declarados tu objeto y su instancia */
 
document.addEventListener("click", function(event){
    if (event.target.className == "m-s-b"){
        Menu.show(200);
    }
}, false);
 

Lo anterior dispara una llamada de retorno cuando se produzca el evento click en el documento. En ella, se verifica si la clase del elemento directamente afectado por el elemento es igual a "m-s-b"; de ser así, se procede a ejecutar al método en cuestión.

[ArturoGallegos]

el uso de ES6 aun no es recomendado directamente sobre archivos JS al 100% ya que no hay soporte en muchos navegadores.

Si deseas usarlo te recomiendo implementes TypeScript para que te genere el JS correspondiente y compatible con todos los navegadores, yo tengo rato utilizándolo y me ha ido bien.

-------------
Agrego:

Tu alternativa si no quieres hacer uso de TypeScript es escribir tu código directamente en ES5

que el equivalente a tu código seria

Código Javascript:

var SiteMenu = (function () {
    function SiteMenu() {
        this.visible = false;
        return this;
    }
    SiteMenu.prototype.show = function (ms) {
        if (this.visible) {
            $("#menu").fadeOut(ms, this.status());
        }
        $("#menu").fadeIn(ms, this.status());
    };
    SiteMenu.prototype.status = function () {
        this.visible = !this.visible;
    };
    return SiteMenu;
}());
var Menu = new SiteMenu();