HTML and CSS Reference
In-Depth Information
clickSound
=
document
.
getElementById
(
'clicksound'
);
}
function
function
chooseButtonsForCard
(){
//copy jargon into temp array
var
var
tempArray
=
[];
for
for
(
var
var
arrayctr
=
0
;
arrayctr
<
standardJargonList
.
length
;
arrayctr
++
){
tempArray
.
push
(
standardJargonList
[
arrayctr
]);
}
for
for
(
var
var
ctr1
=
0
;
ctr1
<
buttons
.
length
;
ctr1
++
){
for
for
(
var
var
ctr2
=
0
;
ctr2
<
buttons
[
ctr1
].
length
;
ctr2
++
){
var
var
randInt
=
Math
.
floor
(
Math
.
random
()
*
tempArray
.
length
);
buttons
[
ctr1
][
ctr2
].
text
=
tempArray
[
randInt
];
tempArray
.
splice
(
randInt
,
1
);
}
}
}
function
function
drawScreen
() {
//ConsoleLog.log("standardAcronymList="+standardAcronymList.length);
//ConsoleLog.log("standardJargonList="+standardJargonList.length);
for
for
(
var
var
ctr1
=
0
;
ctr1
<
buttons
.
length
;
ctr1
++
){
ConsoleLog
.
log
(
"ctr1="
+
ctr1
)
for
for
(
var
var
ctr2
=
0
;
ctr2
<
buttons
[
ctr1
].
length
;
ctr2
++
){
buttons
[
ctr1
][
ctr2
].
draw
(
context
);
}
}
}
function
function
onMouseClick
(
e
) {
//select case through states and then the locations of
//buttons in those states
mouseX
=
e
.
clientX
-
theCanvas
.
offsetLeft
;
mouseY
=
e
.
clientY
-
theCanvas
.
offsetTop
;
ConsoleLog
.
log
(
"click "
+
mouseX
+
","
+
mouseY
);
//find the button clicked
var
var
col
=
Math
.
floor
(
mouseX
/
92
);
var
var
row
=
Math
.
floor
(
mouseY
/
57
);