Quiero ejecutar una condición jQuery basada en el método .html(). Cuando asigno manualmente "A" a la variable slot1, mi condición funciona. Sin embargo, cuando asigno la "A" a la variable slot1 del elemento #set1 a través del método .html(), la "A" está bien asignada y se muestra en console.log como slot1 devuelve "A", pero mi condición no no funciona (#result permanece atascado en "no").
¿Alguna idea de cómo hacer que la condición funcione con el método .html()?
// EXECUTING FUSION $("#fusion").click(function(){ slot1 = $("#set1").html(); console.log(slot1); if (slot1 == "A") { $("#result").html("ok"); } else { $("#result").html("no"); } });El siguiente código funciona. El tuyo también funciona, pero falla en algunas circunstancias . Creo que los problemas que tiene se deben a problemas de espacio en blanco y cómo obtiene su entrada 'slot1'. Si está obteniendo .html() de, por ejemplo, un div editable como el que mostré en mi código a continuación, entonces debe eliminar los espacios en blanco como lo hice a continuación porque simplemente hacer .trim() no funcionará ya que los espacios están codificados como   . Si esto te ayuda, agradecería un voto a favor
$("#fusion").click(function(){ let slot1 = $("#set1").html(); console.log(slot1); slot1 = slot1.replace(/ /g, ''); console.log(slot1); if (slot1.trim() === "A") { $("#result").html("ok"); console.log("ok"); } else { $("#result").html("no"); console.log("no"); } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="set1" contenteditable="true">This is where you type input.</div> <p id="result">Result</p> <button type="button" id="fusion" class="btn btn-primary buttonSignup" >CREATE ACCOUNT NOW<i class="iconRequired icon-chevron-right"></i></button>