SurveySparrow Front end Developer Interview Questions and Answers

Implement a star rating system using HTML, CSS, and JavaScript for user feedback.

• Use HTML to create a series of star icons, e.g., <span class='star'>&#9733;</span> for filled stars.

• Style the stars with CSS to change color on hover and when selected.

• Use JavaScript to capture user clicks and update the rating dynamically.

• Consider accessibility by adding ARIA attributes to the stars.

• Implement a reset funct...read more

CSS box model defines the design and layout of elements on a webpage. Box-border is used to include padding and border in the total width and height of an element.

• CSS box model includes content, padding, border, and margin of an element

• By default, padding and border are not included in the total width and height of an element

• Using box-border property includes padding and border in the total width and height of an eleme...read more

The POST method is used to submit data to the server in the given API.

• Use POST method to create a new resource on the server

• Data is sent in the body of the request

• Commonly used in forms and when submitting user input

splice is used to add or remove elements from an array, while slice is used to extract a portion of an array without modifying it.

• splice modifies the original array by adding or removing elements, while slice returns a new array with the extracted elements

• splice takes in parameters for index, number of elements to remove, and optional elements to add, while slice takes in parameters for start and end index

• Example: cons...read more

visibility: hidden hides an element but still takes up space, visibility: none hides an element and removes it from the layout

• visibility: hidden hides the element but it still occupies space on the page

• visibility: none hides the element and removes it from the layout

• visibility: hidden can be used to hide an element while keeping its space reserved, useful for animations

• visibility: none is useful when you want to comple...read more