Skip to content
OverviewSolutions
2
Comments
2
Wasiu Mustapha
@Datom969

All comments

  • Ally Glenday•20
    @ally-glendaySubmitted about 1 year ago

    First submission using HTML, CSS & JavaScript - so any help / feedback would be amazing!

    I wanted to have the user's input (email address) displayed back to them on the sucess page, but I can't seem to be able to show it using the DOM. I saved it as a variable and I can console.log it / alert their email on the success page, so I know this can be done. However, when I try to convert this into an HTML element, e.g. <span> or <p> to be shown on the page instead of '[email protected]', it doesn't seem to work.

    If anyone has any ideas why this is, I'd hugely appreciate it!

    Thanks :)

    Newsletter Signup

    2
    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
  • Wasiu Mustapha•40
    @Datom969Posted about 1 year ago

    Nice job. I noticed that the mobile view has "horizontal scroll", something like 'overflow-x: hidden;' would take care of that. Keep up the spirit💪

    1