app.html
HTML
1
2
3
4
<div>
<img src="//playcode.io/static/img/fb-static.png">
<h1 id="msg"></h1>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
style.css
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
body {
background: #2b2b2b;
height: 100vh;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: Helvetica neue, roboto;
}
img {
width: 100%;
max-width: 500px;
}
h1 {
color: #bdbdbd;
font-weight: 300;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
script.js
JavaScript
1
2
3
4
5
6
var msg = 'Hello world'
var icon = ' <i class="fa fa-smile-o"></i>'
console.log(msg)
$('#msg').html(msg + icon)
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
output
console
Hello world