MOVING BUTTON | HTML | CSS | JS

Veröffentlicht am: 14 Juni 2023
auf dem Kanal: Error Resolving
1,966
67

#html , #css , #js , #indian

Full code;
https://github.com/ErrorResolver/HTML...


#########
Follow us on:
Instagram:
https://www.instagram.com/invites/con...

Facebook;
https://www.facebook.com/profile.php?...

With the help of this code we creates an HTML page with a box-shaped container and two buttons inside it. The purpose is to display the message "Do you love India?" and allow the user to click the buttons "yes" or "no".

When the "yes" button is clicked, the text inside the head element changes to "JAI HIND :)".

When the "no" button is clicked, the position of the "no" button itself is randomly changed within the container. The fx() function generates random coordinates (x and y) using Math.random() and updates the top and left styles of the "no" button to move it to the new position.

The CSS styles define the appearance of the elements, including the background color, border, and button styles. The container box has a pink background, while the "yes" button has a blue background and the "no" button has a red background.

####################################################################################################################### Thanks for watching #################################################################
################# Contact US:
################ Mohit Aggarwal: +91 7015160768
################ Lubhesh: +01 9671229963


Auf dieser Seite können Sie das Online-Video MOVING BUTTON | HTML | CSS | JS mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Error Resolving 14 Juni 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,966 Mal angesehen und es wurde von 67 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!