Create a react app that displays all the student names, where the following happens:
-
if you click on a name it turns red, and the message
I am the mighty _student_name, How dare you touch me!!?
is displayed under it -
if you right click on a name it turns blue, and the message
Stop. Poking. Around!!
is displayed under it -
if you double click a name it turns green, and the message
STOP IT!!!
is displayed under it- the message
STOP IT!!!
disappears after a second and the name goes back to black
- the message
const students = [
"Salha",
"Ahmed",
"Norah",
"Haneen",
"Nuwayyir",
"maha",
"amany",
"Asmaa",
"Salman",
"saeed",
"Danyah",
"Omar",
"Jawaher",
"Mashael",
"Nader",
"Samah",
"Sumayah",
"Huda",
"omar",
"Dhaffaf",
"Abdulrhman",
"Taha",
"Nashaat",
"Wijdan",
"Lamar"
];