Te saludo y te comento lo siguiente tu código ya lo probé y es funcional, seguramente te hacía falta la invocación a la librería de JQuery justo antes de tu script personalizado; te dejo este ejemplo totalmente funcional
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<button>on</button>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script>
$(document).ready(function(){
$("button").on("click", function cambiar(){
if($(this).text()=="on"){
console.log("face 2");
}
})
});
</script>
</body>
</html>
Una recomendación mas
Te recomiendo que en vez de html()
uses el método .text()
que
ayuda a obtener una cadena de texto del nodo del DOM que estes
consultando; te dejo la fuente oficial de la documentación de JQuery
sobre lo que te menciono
http://api.jquery.com/text/