Hi, I Want to make a website quiz interactive for my students, but..

Question

Hi everyone, my name is tohis, I am a primary school teacher
And I'm also not a pure programmer, I just learn programming through books and new to the application recently sololearn

Okay, so I want to make a quiz website for my students, the final result only in the form of multiple choice questions (the same as this sololearn)

My question:
1. how to bring validation of answers like this https://s28.postimg.org/yku7ka225/screenshot_1.png
2. and how to make the "Rearrange" like this https://s23.postimg.org/6elqmz33f/rearrange.png

Answer 1

The pictures you linked are captures from android, when you tag html,css,js,website: so it isn't impossible, but these kind of graphics interfaces are more or less specific to mobile device. You can achieve a visual equivalent, but you can't beneficits of powerfull widgets like lists ( until you code it yourself )...

The best, simpliest way and more probabilistic to get a satisfactory result would be in direction of Bootstrap framework. Also, you could look at W3C website, where are cool tuto for Bootstrap and a homemade Bootstrap-like called w3c.css ( like bootstrap, you can interface a JS lib' for dynamic GUI and/or JQuery ).
The W3C solution seems to me a little lighter than that of twitter-bootstrap, but this is certainly a question of personnal taste ;) ( notice I've learned the two, but never use them, because I love reinventing the wheel as well as get under control of my codes :P )