JQuery Show Dice Roll in HTML Content

JQuery Show Dice Roll in HTML Content

 

JQuery example that uses functions to update the HTML content with the value of dice roll. The example uses the DOM onclick event attribute on line 24 to call a the custom rollTheDie() function. JQuery select the #die_roll_content element on line 17 and updates its content using the JQuery html method. For beginners learning Javascript.

Testing to See If It Works

Open a web browser console window supports the console object for this example. In that console window you will see messages from the Javascript to help you understand what code is being executed. If your console window was not enabled when you opened this page, then enable and refresh/reload this page to see again.

Sample Console Output

JQuery Page for Latest Version Download and CDN