-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathday2.js
101 lines (78 loc) · 2.03 KB
/
day2.js
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
function somefx(param1,monkey = 'default value')
{
console.log("Some function being called. Values passed: " + param1 + ", " + monkey);
}
var doSomething = (param1) => {
console.log("Day2 Doing something");
};
// somefx();
function xyz()
{
return ()=>{
};
}
var obj = {
somevar : 10,
doingStuff : () => {}
};
// doSomething(1);
// obj.doingStuff();
var greet;
window.onload = ()=>{
console.log("Page loaded");
greet = document.getElementById("greet");
greet.title = "Tiki was here";
greet.style.color = "purple";
greet.style.textDecoration = "underline";
greet.onclick = function(){
console.log("Greeting clicked");
}
greet.onmouseover = ()=>{
greet.innerHTML = "Don't touch me!";
};
greet.onmouseout = ()=>{
greet.innerHTML = "Come back here!";
};
// document.onmousemove = (event)=>{
// greet.innerHTML = "X: " + event.screenX + ", Y: " + event.screenY;
// };
var uinput = document.getElementById("uinput");
uinput.style.border = "solid 3px #ff00ff";
uinput.style.borderRadius = "10px";
var buttons = document.getElementsByTagName('button');
buttons[0].style.borderRadius = "10px";
// console.log(buttons);
uinput.style.padding = "5px";
uinput.onkeyup = (tikievent)=>{
// greet.innerHTML = tikievent.keyCode;
if(uinput.value === "Tiki")
{
uinput.style.border = "solid 2px green";
}
else
{
uinput.style.border = "solid 2px red";
}
};
uinput.onkeypress = (evt)=>{
greet.innerHTML = evt.charCode;
};
}
/*
EVENTS:
Window:
onload,onunload,onresize,onfocus,onblur
Mouse:
onclick, ondblclick, onmouseover, onmouseout, onmouseup, onmousedown, onmousemove
Keyboard:
onkeyup, onkeydown, onkeypress
*/
window.onfocus = ()=>{
console.log("This window has focus");
};
window.onblur = ()=>{
console.log("This window lost focus");
};
window.onresize = ()=>{
console.log("This window has been resized");
};