Coding Challenge: Basic Customer Feedback Portal

Objective: Create a basic customer feedback portal using only HTML and JavaScript. This portal will allow users

to submit feedback, including their name, a rating from $1$ to $5,$ and their comments. Upon submission, the

feedback should be displayed on the same page without any styling.

Requirements:

Task $1$: Setup

Create an HTML File: Begin by creating an

file. This file will contain the structure of your

feedback form and the script linking.

Task $2$: Create the Feedback Form

Form Structure: Inside $,$ add a

element with the following fields:

A text input for the customer's name.

A dropdown selection for the customer to choose a rating from $1$ to $5$ stars.

A textarea for customer comments.

A submit button to submit the form.

Feedback Display Area: Below the form, include a

element where the submitted feedback will be

displayed.

Task $3$: Implement Form Submission and Validation

JavaScript Logic: In a separate file,

write the JavaScript necessary to:

Prevent the default form submission action.

Validate that all form fields are filled out before submission. If any field is empty, display an alert to the

user.

Append the submitted feedback to the feedback display area upon form submission.

Task $4$: Display Feedback

Feedback Display: Upon form submission, dynamically create and append elements to the feedback display

area that show the customer's name, selected rating, and comment.