this is newsletter-sign-up-with-success-message-main

Community feedback

• 

  Sivaprasath•2,520

  @sivaprasath2004Posted 7 months ago

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

  • I have a suggestion regarding your code that I believe will be of great interest to you. -I will see your solution .improve the solution my suggestions.

  <ul>
  <li>
   <img src='./assets/images/icon-list.svg' alt="success" />
   <p>Product discovery and building what matters</p>
  </li>
  </ul>
  

  .countainer{
  width:auto;//not needed
  padding:0.5rem 2rem;
  height:auto; //not needed
  }
  .right{
  padding:1rem;
  }
  .right h1{
  font-size:3.5rem;
  }
  li{
  gap:1rem;
  }
  button{
      background-color: #fe6150;
      box-shadow: 0 0 12px #fe6150;
  }
  #error_warning{
   background-color: #fee2e2;
   border: 2px solid #ff6257;
  }
  

  • in Javascript add check user entered email address or not and add input tag alert message.

  let submitButton=doucment.querySelector('button')
  submitButton.addEventListener('click',()=>{
  let inputValue=doucment.querySelector('input').value
  let check=inputValue.split('@').pop()
  if(check !=="gmail.com"  && check !=="outlook.com"){
  inputValue.classList.add("error_warning")
  }
  })
  
  

  Marked as helpful

  0

  ---

  

  reem mohamed•70

  @Reem24RPosted 7 months ago

  thank you for your suggestions🤝@sivaprasath2004

  0