JSFiddle - React, Tailwind, and code Playground

by William Sena

HTML

<button id="correto">
  Correto
</button>

<button id="errado">
  Errado
</button>

Babel + JSX

class Teste {
  constructor(){
    //Fix context
    this.mensagem = this.mensagem.bind(this);
  }
  
  mensagem(){
    if (this instanceof Teste) {
      alert("O contexto correto: " + String(this));
    } else {
      alert("O contexto está errado: " + String(this));
    }
  }
}

var teste = new Teste();

console.log(teste);

document.getElementById("correto").addEventListener("click", () => teste.mensagem());
document.getElementById("errado").addEventListener("click", teste.mensagem);