html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<img id="greet" />
<script>
var d = new Date();
var greet = document.getElementById("greet")
if(d.getHours() < 12)
greet.src ="https://i.pinimg.com/originals/a6/22/d3/a622d3ecee21faa4992f741289185776.jpg"
else if(d.getHours() < 19) greet.src = "https://www.premiumwishes.com/wp-content/uploads/2018/04/GA-1.jpg"
else greet.src ="https://live.staticflickr.com/3696/9291386209_9942841806_c.jpg"
</script>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
body {
}
img {
display: block;
width: 90%;
margin: 20px auto;
-webkit-box-shadow: 8px 8px 8px -8px rgba(26,51,28,1);
-moz-box-shadow: 8px 8px 8px -8px rgba(26,51,28,1);
box-shadow: 8px 8px 8px -8px rgba(26,51,28,1);
}-
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run