HTML and CSS Reference
In-Depth Information
Code
Explanation
for(i=0;i<an;i++) {
Iterates to create alphabet buttons
uniqueid = "a"+String(i);
Creates a unique identifier.
d = document.createElement('alphabet'); Creates an element of type alphabet
d.innerHTML = (
Defines the contents as specified in the next
line
"<div class='letters'
id='"+uniqueid+"'>"+alphabet[i]+"</div>");
Specifies a div of class letters with a
unique identifier and text content, which is the
i th letter of the alphabet
document.body.appendChild(d);
Adds to body
thingelem = document.getElementById
(uniqueid);
Gets the element with the id
x = alphabetx + alphabetwidth*i;
Computes its horizontal position
y = alphabety;
Sets the vertical position
thingelem.style.top = String(y)+"px";
Using the style top , sets the vertical position
thingelem.style.left = String(x)+"px";
Using the style left , sets the horizontal
position
thingelem.addEventListener('click',
pickelement,false);
Sets up event handling for the mouse click
event
}
Closes the for loop
var ch = Math.floor(Math.random()*
words.length);
Chooses, at random, an index for one of the
words
secret = words[ch];
Set the global variable secret to be this word
for (i=0;i<secret.length;i++) {
Iterates for the length of the secret word
uniqueid = "s"+String(i);
Creates a unique identifier for the word
d = document.createElement('secret');
Creates an element for the word
Search WWH ::




Custom Search