piatra · December 29, 2015 03:59
diff --git a/index.html b/index.html
 <html>
 <head>
 <title>
  My webpage
 </title>
 <link rel="stylesheet" href="style.css">
 </head>
 <body>
 <h1>Real time web apps</h1>
 </body>
 <script src="script.js"></script>
 </html>
diff --git a/script.js b/script.js
 var body = document.querySelector('body')

 function appendElements () {
  for (var i = 0; i < 10; i++) {
    var p = document.createElement('p')
    if (i == 0) p.innerHTML = 'You get a realtime';
    else p.innerHTML = 'And you get a realtime';
    body.appendChild(p);
  }
 }

 appendElements();
diff --git a/style.css b/style.css
 body {
  background: #ddd;
 }

 p {
  border-bottom: 1px solid #aaa;
 }

 li {
  background: #81D7E2;
 }
	<html>
	<head>
	<title>
	My webpage
	</title>
	<link rel="stylesheet" href="style.css">
	</head>
	<body>
	<h1>Real time web apps</h1>
	</body>
	<script src="script.js"></script>
	</html>
	var body = document.querySelector('body')

	function appendElements () {
	for (var i = 0; i < 10; i++) {
	var p = document.createElement('p')
	if (i == 0) p.innerHTML = 'You get a realtime';
	else p.innerHTML = 'And you get a realtime';
	body.appendChild(p);
	}
	}

	appendElements();