-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbutton.html
More file actions
50 lines (44 loc) · 10.8 KB
/
button.html
File metadata and controls
50 lines (44 loc) · 10.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<title>
buttons
</title>
<style>
.change
{
background-color:orange;
height: 50px;
width: 50px;
}
</style>
</head>
<body>
<p>To show the use of buttons using js</p>
<div class="change"> <img class="image" src="">
</div><br><br><br><br><br><br><br><br><br><br>
<button onmouseenter="changecolor()">change color</button>
<button onmouseenter="changesize()">change size</button>
<button onmouseenter="addimage()">add image</button>
<button onmouseenter="removeimage()">remove image</button>
<script>
function changecolor()
{
console.log(document.querySelector(".change").style.backgroundColor="green");
}
function changesize()
{
console.log(document.querySelector(".change").style.height="200px");
console.log(document.querySelector(".change").style.width="200px");
}
function addimage()
{
console.log(document.querySelector(".image").setAttribute("src","data:image/jpeg;base64,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"));
}
function removeimage()
{
console.log(document.querySelector(".image").setAttribute("src",""));
}
</script>
</body>
</html>