Question

In: Computer Science

This is done by using Angular in Visual code: Can you please give examples of the...

This is done by using Angular in Visual code:

Can you please give examples of the following?

1. Use Math.random function to generate a number between 20 and 100 and then use the ngSwitch directive to display a letter grade based on this class grading policy.

a. add implements OnInit to the AppComponent class

b. add variable x in the AppComponent class

c. add ngOnInit(){ this.x = Math.floor(Math.random()*10);}

d. add {{x}} in the app.components.html file

e. You should see numbers from 1-9 when you refresh the page

f. Change formula in #c to generate numbers from 20 to 100.

g. Change {{x}} in #d to ngSwitch directive

2. Use attribute directives to display credit card logo based on the credit card number

Use simplified rules as follows:

4 visa

5 mastercard

34 and 37 amex

30, 36, 38, 39 diners

60, 64, 65 discover

Solutions

Expert Solution

1. Use Math.random function to generate a number between 20 and 100 and then use the ngSwitch directive to display a letter grade based on this class grading policy.

a.

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'app';

  ngOnInit() {
    this.x = Math.floor(Math.random()*10);
  }

}
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Angular</title>
    <base href="/">

    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <app-root></app-root>

<div style="text-align:center">
   <h1>
      Welcome to {{x}}.
   </h1>
</div>

<app-new-cmp></app-new-cmp>
</body>
</html>

venereology answered 6 months ago
Next > < Previous

Related Solutions

This is done by using Angular in Visual code: Can you please give examples of the...
This is done by using Angular in Visual code: Can you please give examples of the following? 1. Use Math.random function to generate a number between 20 and 100 and then use the ngSwitch directive to display a letter grade based on this class grading policy. a. add implements OnInit to the AppComponent class b. add variable x in the AppComponent class c. add ngOnInit(){ this.x = Math.floor(Math.random()*10);} d. add {{x}} in the app.components.html file e. You should see numbers...
How Heapify is done (theory, pseudocode, and examples) the examples used Java code please
How Heapify is done (theory, pseudocode, and examples) the examples used Java code please
How Heapify is done (theory, pseudocode, and examples) the examples used Java code please (in your...
How Heapify is done (theory, pseudocode, and examples) the examples used Java code please (in your own words）
Please give me 2 examples of angular analoge of newton's 3rd law of motion on cricket...
Please give me 2 examples of angular analoge of newton's 3rd law of motion on cricket and 2 examples of angular analoge of the 2nd law of motion on cricket sport and examples of co efficient of restitution, conservation of momentum and transfer of angular momentum on cricket please answer in the form of screenshots or videos
please . Can you give examples of problems with regression and correlation and show calculated you...
please . Can you give examples of problems with regression and correlation and show calculated you how to do it in detail?
Please describe the steps taken in Data Preprocessing. Give examples and explain what was done in...
Please describe the steps taken in Data Preprocessing. Give examples and explain what was done in each of these steps. PLEASE PROVIDE DETAILED EXPLANATION , SO I CAN UNDERSTAND EASILY COURSE : DATA MINING
Can you please see what I have done wrong with my program code and explain, This...
Can you please see what I have done wrong with my program code and explain, This python program is a guess my number program. I can not figure out what I have done wrong. When you enter a letter into the program, its supposed to say "Numbers Only" as a response. I can not seem to figure it out.. instead of an error message. import random def menu(): print("\n\n1. You guess the number\n2. You type a number and see if...
NOTE: This is done using Visual Basic. Create an application named You Do It 2. Add...
NOTE: This is done using Visual Basic. Create an application named You Do It 2. Add a text box, a label, and a button to the form. Enter the following three Option statements above the Public Class clause in the Code Editor window: Option Explicit On, Option Strict Off, and Option Infer Off. In the button’s Click event procedure, declare a Double variable named dblNum. Use an assignment statement to assign the contents of the text box to the Double...
NOTE: This is done using Visual Basic. Create an application named You Do It 1. Add...
NOTE: This is done using Visual Basic. Create an application named You Do It 1. Add a text box, a label, and a button to the form. The button’s Click event procedure should store the contents of the text box in a Double variable named dblCost. It then should display the variable’s contents in the label. Enter the three Option statements above the Public Class clause in the Code Editor window, and then code the procedure. Save the solution and...
I need this code in C++ form using visual studios please: Create a class that simulates...
I need this code in C++ form using visual studios please: Create a class that simulates an alarm clock. In this class you should: •       Store time in hours, minutes, and seconds. Note if time is AM or PM. (Hint: You should have separate private members for the alarm and the clock. Do not forget to have a character variable representing AM or PM.) •       Initialize the clock to a specified time. •       Allow the clock to increment to the...
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT