// **** H1 ****
elementH1 = document.createElement("H1");
elementH1.innerText = "HTML Element via JavaScript"
document.body.appendChild(elementH1);

// **** SELECT ****
elementSelect = document.createElement("SELECT");
elementSelect.onchange = function() {
  alert(this.value);
}
elementOption = document.createElement("OPTION");
elementOption.innerText = 'Option';
elementOption.value = 1;
elementSelect.appendChild(elementOption);
document.body.appendChild(elementSelect);

// **** BR ****
elementBr = document.createElement("BR");
document.body.appendChild(elementBr);

// **** INPUT ****
elementInput = document.createElement("INPUT");
elementInput.type = "text";
elementInput.size = 32;
elementInput.value = "hoho";
elementInput.onchange = function() {
  alert(this.value);
}
document.body.appendChild(elementInput);

// **** HR ****
elementHr = document.createElement("HR");
document.body.appendChild(elementHr);

// **** TABLE ****
elementTable = document.createElement("TABLE");
elementTable.width = 200;
elementTable.border = 1;
elementTbody = document.createElement("TBODY");
elementTr = document.createElement("TR");
elementTh = document.createElement("TH");
elementTh.width = 150;
elementTh.innerText = "Th";
elementTh.onmouseover = function() {
  alert(this.innerText);
}
elementTd = document.createElement("TD");
elementTd.width = "25%";
elementTd.innerText = "Td";
elementTd.onmouseout = function() {
  this.bgColor = "#FFEEFF";
}
elementTr.appendChild(elementTh);
elementTr.appendChild(elementTd);
elementTbody.appendChild(elementTr);
elementTable.appendChild(elementTbody);
document.body.appendChild(elementTable);