File tree Expand file tree Collapse file tree 1 file changed +5
-4
lines changed Expand file tree Collapse file tree 1 file changed +5
-4
lines changed Original file line number Diff line number Diff line change 1
1
import js .Browser ;
2
+ import js .html .* ;
2
3
3
4
class Main {
4
5
static function main () {
5
- var appContent : js.html. DivElement = cast (Browser .document .getElementById (" app" ), js.html. DivElement );
6
- var rollButton : js.html. ButtonElement = cast (Browser .document .getElementById (" roll" ), js.html. ButtonElement );
7
- var diceInput : js.html. InputElement = cast (Browser .document .getElementById (" dice" ), js.html. InputElement );
6
+ var appContent : DivElement = cast (Browser .document .getElementById (" app" ), js.html. DivElement );
7
+ var rollButton : ButtonElement = cast (Browser .document .getElementById (" roll" ), js.html. ButtonElement );
8
+ var diceInput : InputElement = cast (Browser .document .getElementById (" dice" ), js.html. InputElement );
8
9
rollButton .onclick = (event ) -> { // when roll dice button is clicked
9
10
var numberOfDice : Int = Std .parseInt (diceInput .value ); // get number of dice to roll
10
11
appContent .innerHTML = " " ; // set app content to empty string
@@ -13,7 +14,7 @@ class Main {
13
14
for (i in 0 ... numberOfDice ) {
14
15
dice [i ] = Std .random (6 ) + 1 ; // roll the dice
15
16
sum + = dice [i ]; // add die value to sum
16
- var newDice : js.html. DivElement = cast (js. Browser .document .createElement (" div" ), js.html. DivElement );
17
+ var newDice : js.html. DivElement = cast (Browser .document .createElement (" div" ), js.html. DivElement );
17
18
newDice .id = ' dice- ${i + 1 }' ; // set id to dice-number to make id's unique
18
19
newDice .textContent = ' Dice ${i + 1 }: ${dice [i ]}' ; // set text to each die value
19
20
appContent .appendChild (newDice ); // append dice values to app content
You can’t perform that action at this time.
0 commit comments