Home > Developer > JavaScript
began to learn JS for some time, began to practice a lot of code, the following and you share the event of the processing exercise
，
| <! DOCTYPE html> | |
| lang= "en" > | |
| <meta charset= "UTF-8" > | |
| <title>document</title> | |
| <body> | |
| <button onclick= "imgchange (1)" > 1th photo </button> | |
| <button onclick= "imgchange (2)" > 2nd photo </button> | |
| <button onclick= "imgchange (3)" > 3rd photo </button> | |
| <button onclick= "imgchange (4)" > 4th photo </button> | |
| <div style= "margin-top:20px;" > | |
| src= "img/1.jpg" id= "imgshow" width= "height=" > | |
| </div> | |
| <script> | |
| var imgshow = document.getElementById ("Imgshow"); | |
| function Imgchange (i) | |
| { | |
| IMGSHOW.SRC = "img/" +i+ ". jpg"; | |
| } | |
| </script> | |
| </body> | |
This is a click button implementation of the image replacement function, where the use of mouse click event onclick and matching functions, can improve the user's experience.
JavaScript Event Exercises
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
