Lesson: 17 | Generate Random Number

HTML

<template>
    <lightning-card title="Random Number Example">
      <div class="slds-m-around_medium">
        <lightning-button label="Generate Random Number" onclick={getRandomNumber}></lightning-button>
        <p>The random number is {randomNumber}</p>
      </div>
    </lightning-card>
  </template>

Java Script

import { LightningElement } from 'lwc';

export default class RandomNumberExample extends LightningElement {

  randomNumber;
  
    getRandomNumber() {

        this.randomNumber = Math.floor(Math.random() * 10) + 1;
    return this.randomNumber;
  }

}

Prev You need to login to have access to the quizzes.

Mastered by 6 users.

Lightning Web Components

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (41 lessons)

D. Java Script Methods for LWC (23 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)

Go to top

Login to your account

Lesson: 17 | Generate Random Number

HTML

Lightning Web Components