He intentado hacer una función con un clic que cuando hace clic en él, cambiará el valor de 'suspendido' en verdadero (se trata de suspender una cuenta de usuario del sitio web)
suspended = false; type user = User['suspended']; function blokkeerFunctie() { // get user & user element document.getElementById('userInfo') && document.getElementById('blokkeren'); // blocks user when clicked if (document.getElementById('blokkeer')?.addEventListener('click', blokkeerFunctie)) { type user = !User['suspended']; } else { // deblocks user when clicked document.getElementById('deblokkeer')?.addEventListener('click', blokkeerFunctie); type user = User['suspended']; } console.log('blokkeerFunctie'); } blokkeerFunctie();Pensé que con !User invertiría el valor booleano de falso en verdadero, pero ese código ni siquiera se lee. ▼
'usuario' se declara pero nunca se usa.ts(6196)
No debe poner detectores de eventos en su condicional if/else de esta manera. Así es como me acercaría a lo que está tratando de lograr. Deberá agregar tipos a estas variables, pero obtendrá la lógica básica aquí.
let User = { suspended: true }; let button = document.querySelector('#suspender'); function setSuspendButton() { button.innerText = User['suspended'] ? 'Unsuspend' : 'Suspend'; } window.addEventListener('load', () => { button.addEventListener('click', blokkeerFunctie) setSuspendButton(); }) function blokkeerFunctie() { User['suspended'] = !User['suspended']; setSuspendButton(); } <button id='suspender'></button>type user = crea un nuevo tipo , no un valor. No se usa en cada rama del if porque simplemente crea un nuevo tipo, un user con nombre que sombrea el tipo del mismo nombre del alcance principal, que nunca es usado por nada.
Además, esta línea no hace nada:
document.getElementById('userInfo') && document.getElementById('blokkeren');Esta línea obtiene hasta dos referencias a elementos DOM, pero no los guarda en ningún lugar ni realiza ninguna lógica sobre ellos.
¿Creo que quieres algo más como esto?
const user = { name: 'Joe', suspended: false } function blokkeerFunctie() { // block/deblocks user when clicked if (document.getElementById('blokkeer')?.addEventListener('click', blokkeerFunctie)) { user.suspended = !user.suspended // toggle `suspended` back and forth } console.log('blokkeerFunctie'); } blokkeerFunctie();