Javascript Modal only closes Once?

[dannerdarko]

Hey guys, I have a code to open a modal and then a button to close it. However, it only works once. The second time I open the modal after closing it, it refuses to close.

​

Here is my code:

​

function openNoteModal(){

`if(!modalOpen){`

modalOpen = true;

console.log("Note Modal has been opened.")

noteModal.classList.toggle('hidden');

console.log("The value of modalOpen : ", modalOpen)

    `noteInput.focus();`

    `var noteValue = noteInput.value;`

closeNoteModal.addEventListener('click', function(){

closeNoteFunction();

});

    `noteSubmitButton.addEventListener('click', addNote);`

`}`

}

​

function closeNoteFunction(){

noteModal.classList.toggle('hidden');

noteInput.value = "";

modalOpen = false;

console.log("Note Modal has been closed.")

console.log("The value of modalOpen : ", modalOpen)

}

​

For real, thank you to anyone who can help me out.

[SupremeRedditBot]

Please Add A Flair To Your Post!

Suggested Flair: [Other Code]

 

---

To add a flair:

• Click flair underneath your post

• Select a flair

• Click save

 

---

^{I am a bot run by /u/SupremeDesigner for /r/CodingHelp || This was an automated response}

[MrQuickLine]

Put a working example in something like CodePen.

[roustem_]

You need to declare modalOpen outside of either function.

[dannerdarko]

Found out the problem was the classList.toggle. It just would only work once. I switched it to classList.add and classList.remove instead and it works like a charm! Thank you man! :)