HTML
x
1
2
<html>
3
<head>
4
<title>Title</title>
5
</head>
6
<body>
7
<h1>Hello World...</h1>
8
<p>Welcome to <span id="my_id"></span></p>
9
<p>It is HTML, CSS, and Javascript live preview editor.</p>
10
<p style="font-style:italic">Try to edit or write your own code. It's magic!</p>
11
<p>The window editor is also resizable.</p>
12
<h2>
13
Am I Like <span>codepen.io</span> or <span>JSFiddle</span> ?
14
</h2>
15
</body>
16
</html>
17
CSS
16
1
/* CSS code is here */
2
h1 {
3
font-family: sans-serif;
4
color: red;
5
font-weight: normal;
6
}
7
#my_id {
8
background: #0A85A1;
9
color: white;
10
padding: .3rem;
11
border-radius: 3px;
12
}
13
h2 span {
14
color: #0099CC;
15
}
16
JavaScript
3
1
// javascript code is here
2
document.getElementById("my_id").innerHTML = "Kviabe.com";
3
Output: