quiero ejecutar ambas declaraciones if (addTxt.textLength == 0) y if (headingTxt.textLength == 0) y luego, si ambas condiciones son verdaderas, entonces el bloque se ejecutará pero no funciona, ayúdame a resolver este problema
// If user adds a note, add it to the localStorage let addBtn = document.getElementById('addBtn'); addBtn.addEventListener('click', function (e) { let addTxt = document.getElementById("addTxt"); let headingTxt = document.getElementById("headingTxt"); if (addTxt.textLength == 0) { alert("Please write something in text box!") } if (headingTxt.textLength == 0) { alert("Please Give some Heading To Your Note!") } else { let notes = localStorage.getItem("notes"); if (notes == null) { notesObj = []; } else { notesObj = JSON.parse(notes); } notesObj.push({text: addTxt.value, heading: headingTxt.value, date : new Date()}); localStorage.setItem("notes", JSON.stringify(notesObj)); addTxt.value = ""; // console.log(notesObj); showNotes(); } })tengo la solucion
// If user adds a note, add it to the localStorage let addBtn = document.getElementById('addBtn'); addBtn.addEventListener('click', function (e) { let addTxt = document.getElementById("addTxt"); let headingTxt = document.getElementById("headingTxt"); if (addTxt.value.length == 0) { alert("Please write something in text box!") } else if (headingTxt.value.length == 0) { alert("Please Give some Heading To Your Note!") } else { let notes = localStorage.getItem("notes"); if (notes == null) { notesObj = []; } else { notesObj = JSON.parse(notes); } notesObj.push({text: addTxt.value, heading: headingTxt.value, date : new Date()}); localStorage.setItem("notes", JSON.stringify(notesObj)); addTxt.value = ""; // console.log(notesObj); showNotes(); } })puedes hacer algo como esto.
if (addTxt.value.length === 0 && headingTxt.value.length === 0) { //do this } else { if (addTxt.value.length === 0) { alert("Please write something in text box!"); return; //stop further logic in this function } if (headingTxt.value.length === 0) { alert("Please Give some Heading To Your Note!"); return; //stop further logic in this function } }es simple. Solo los agrupas en una condición:
if (addTxt.textLength == 0 && headingTxt.textLength == 0) { }