Newsletter challenge

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted 7 months ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have a suggestion regarding your doubt that I believe will be of great interest to you.

  ---

  PREVENT WINDOW RELOAD :

  • "I used the 'window.reload()' function because I wasn't able to get the clear form to work", Yeah you're right!

  ---

  • We can fix this issue by emptying the value of input element using value attribute.

  ---

  • Here's an example,

  disBtn.addEventListener("click", function () {
    event.preventDefault();
    if (window.innerWidth > 850) {
      imgBox.style.transform = "translateX(100%)";
    }
  
    inputEl.value = ""
  });
  

  • On the above code we just replaced the window.reload() method into inputEl.value which will sets the input field's value to empty ("").

  ---

  • Additionally we refactored the if - else block, so regardless of the window's width the input value will be reset on clicking dismiss button

  ---

  • If you have any questions or need further clarification, you can always check out my submission for this challenge and/or feel free to reach out to me.

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  1

  ---

  

  Marcial Aguinaldo•320

  @AnCialPosted 7 months ago

  @0xabdulkhalid Thank you! I used your solution and it worked like a charm... Now I only need to have the image container go down then return to its original position to hide the transition to the success message ^_^

  0

  

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted 7 months ago

  @AnCial Glad you found it helpful ! 🤠

  0