<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>asd</title>
</head>
<body>
<input type="button" id="myInput" value="Click Me">
<input type="text" id="tIn">
<p id="demo"></p>
<script>
var myInput = document.getElementById("myInput");
var tIn = document.getElementById("tIn");
var demo = document.getElementById("demo");
myInput.onclick = function() {
var theSpan = document.createElement('span');
for (var i = 1072; i <= 1103; i++) {
theSpan.innerHTML = "<br />" + i + " = " + String.fromCharCode(i);
demo.appendChild(theSpan);
};
}
</script>
</body>
</html>
var myInput = document.getElementById("myInput");
var tIn = document.getElementById("tIn");
var demo = document.getElementById("demo");
var demoFragment = document.createDocumentFragment();
myInput.onclick = function() {
for (var i = 1072; i <= 1103; i++) {
var theSpan = document.createElement('span');
theSpan.innerHTML = "<br />" + i + " = " + String.fromCharCode(i);
demoFragment.appendChild(theSpan);
};
demo.appendChild(demoFragment);
}