Survey Form Using Events in javascript

[Abanou6]

Select Topic Area

Question

Body

<title>Luxury Brand Feedback</title>

Welcome to Luxury Brand Products Feedback

Provide Your Feedback

Name:

Age:

Email:

Job:

Designation:

Product Type:
Perfume Cream Oils
Feedback:
<textarea id="feedbackText" rows="5" cols="30" placeholder="Enter your feedback here" required></textarea>
Submit Feedback

---

User Information:

Name:

Age:

Email:

Job:

Designation:

Feedback for :

<script src="./product_survey.js"></script>

---

function submitFeedback(){
alert('Thank you for your valuable feedback');
document.getElementById('userInfo').style.display = 'block';
document.getElementById('userName').innerHTML = username;
document.getElementById('userAge').innerHTML = age;
document.getElementById('userEmail').innerHTML = email;
document.getElementById('userJob').innerHTML = job;
document.getElementById('userDesignation').innerHTML = designation;
document.getElementById('userProductChoice').innerHTML = productType;
document.getElementById('userFeedback').innerHTML = feedbackText;
}
const username = document.getElementById('name').Value;
const age = document.getElementById('age').Value;
const email = document.getElementById('email').Value;
const job = document.getElementById('job').Value;
const designation = document.getElementById('designation').Value;
const productType = document.getElementById('productType').Value;
const feedbackText = document.getElementById('feedbackText').Value;
const submitButton = document.getElementById('submitBtn');
submitButton.onclick = submitFeedback;
document.addEventListener('keydown', function(event){
if (event.key==='Enter'){
submitFeedback();
}
});

---

• Dear colleagues, appreciate your help and support regarding the issues of the above code, because this is what shows up when executed, Please look at the below image for more info.
  

[LiteBrite82]

Hi @Abanou6

Thanks for posting! Can you please add a small paragraph explaining what feedback you would like. Adding a repo link with your test code could be super helpful as well.

[Abanou6]

Hi@LiteBrite82
Thank you so much for your support and prompt reply.

Here is the link to the repo https://github.com/Abanou6/controlFlow

Actually this code sample is supposed to collect data from a client and submiting it and the second part of the page shows up the data that has already been submitted.

**the issue is that the fields - that supposed to show the submitted data- shows as undifinded.

[ebndev]

Hey @Abanou6, thanks for being a part of the GitHub Community!

Looks like your issue may be resolved by changing .Value to lowercase .value 😄