Change Emoji Reacttion using Javascript

CSZONE Change Emoji Reacttion using Javascript <!DOCTYPE html> <html> <head> <title>Emoji</title> <style> body{ background-color: black; } button{ width: 100px; height: 43px; color: green; border-radius: 10px; } button:hover{ background-color: yellow; } </style> </head> <body> <center> <p id="demo" style="font-size: 100px;">😐</p> <button onclick="document.getElementById('demo').innerHTML='😐'">Sad</button> <button onclick="document.getElementById('demo').innerHTML='😀'">Smile</button> </center> </body> </html> Source Code : Download