PLAYCODE - Online Code Editor

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