Posts

Showing posts from June, 2024

design a layout of MCQ test and functionality using HTML, CSS, JAVASCRIPT

Image
 Today we understand how to design a layout of MCQ Test and his functionality using HTML, CSS, JAVASCRIPT project. How to project work is shown in this video:   Look like this LOGIC OF  Next button: First of all disable current question slide then unable next slide for representing one slide for one time. Previous button: First of all disable current slide and then unable previous slide for representing one slide for one time. Look like this LOGIC OF Save button:  use query selector for which one is selected . If wright option is selected then provide question marks like 1 our as your choose. but wrong option is selected provide 0 in a variable. Submit button: Work as well as well as next button. LOGIC OF :   Show button: It sum of all variable which contain each marks which collected from query selector and show it by innerHTML .  Exit button: Refresh the web page for restart. So person attempt again MCQ Test. Here we use l ocation.reload() JavaScript meth...