Newsletter Signup

Community feedback

• 

  Azzy dvyastia kesuma•1,345

  @azzykesumaPosted about 1 year ago

  congratulations on completing the challenge! you can use localstorage to set the email for the purpose of this challenge https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage then, get the localstorage value, and inject it into DOM

  but in the real job scenario, i think you need to store it in some sort of database

  Marked as helpful

  0

  ---

  

  Ally Glenday•20

  @ally-glendayPosted about 1 year ago

  @azzykesuma

  Hey Azzy, thanks so much for your comment! I actually tried using the local storage method, but for some reason I still can't get it to show the HTML! :(

  I can console.log the user's email with local storage, but when I try to add this to the DOM, it won't load and says the function is 'null' :/

  0
• 

  Wasiu Mustapha•40

  @Datom969Posted about 1 year ago

  To make the email input value show on the submit page, create an empty <span></span> where the email value should be in your html, give it an id( say mymail). In JavaScript, get the id. Then, to display it use DOM manipulation: mymail.innerHTML = " " + input.value +". " Then, for the dismiss button don't forget to set input.value to empty, so it doesn't show in the input field again. Check my js code for clarity.

  0

  ---

  

  Ally Glenday•20

  @ally-glendayPosted about 1 year ago

  @Datom969

  Hey Wasiu, thanks so much for your comment! I've tried what you've suggested a lot of different times now, but for some reason I can't get it to work :( Would you be able to see what the problem is at all?

  https://github.com/ally-glenday/fm-newsletter-sign-up

  I've been struggling with this for so long now! Thanks so much :)

  0

  

  Wasiu Mustapha•40

  @Datom969Posted about 1 year ago

  I couldn't see your complete js code but check this in your code:

  1. Did you get the form input id/class using the document.get or querySelector method? Otherwise, input.value won't work in step 2👇
  2. Did you target the form submit event listener and make sure you specify what happens when the button is clicked? This is where you manipulate the DOM.

  1