Rabbit Olympic RacingJavaScriptTo start this assignment, open thescript.jsfile in your editor and...

Question

Rabbit Olympic RacingJavaScriptTo start this assignment, open thescript.jsfile in your editor and read through the notes left in the comments. You will be filling in the code based on the comments in this file.Some things to keep in mind:Your rabbits should be named "Rabbit 1" through "Rabbit 4"; this will make it easier when you're coding.	Write the internal logic of thegetRandomSpeedfunction so that it returns arandomwhole numberbetween 1 and 10(this will be used to randomly generate each rabbit's speed).Hint:Math.random()returns a float, so you'll need to figure out which function is used toconvert a float to an integer.In the Animal class:	inside therunmethod, add a conditional check thatthrows an errorwith message'Cannot supply rabbit with negative speed.'if a negative speed is supplied to the method. This will ensure that your code won't make the rabbits run backwards!	Follow the rest of the notes in thescript.jsfile to fill in the contents of the file.		Note:HTML and CSS file is ready , only the javascript needs to be done./**  * The comments through this file indicate the expected functionality  * required to complete the exercise.  */ /**  * This is the base Animal class; all Rabbits will extend this class.  */  class Animal {     constructor(name) {       this._speed = 0;       this._name = name;     }        getSpeed() {       return this._speed;     }        getName() {       return this._name;     }   }      /**    * This is the Rabbit class; all new Rabbits that are created will call the    * constructor of this class to instantiate a new rabbit object.    */   class Rabbit extends Animal {     constructor(name) {       super(name);     }        hop(speed) {       // Prevent negative numbers from interferring with speed       // ...          this._speed += speed;     }        stop() {       this._speed = 0;     }        getRacerId() {       return this._name.toLowerCase().replace(/\s+/, '-');     }   }      // Declare two global variables:   // - one to house all rabbit instances   // - one to store the timer id from setInterval       function getRandomSpeed() {     // Return a random whole number between 1 and 10        }      function initRace() {     // Enable the Stop button           // Create 4 new Rabbit instances with names like 'Rabbit 1' through to 'Rabbit 4'.     // Remember: the name is passed to the constructor!        // Create a global array containing all of the rabbit objects you created above.     // Assign the timer id that is returned from the setInterval call above with 500ms intervals to the global variable `timer`       // Loop through all the rabbits         // Call `.hop(getRandomSpeed())` on each rabbit            // NOTE: This is what moves the rabbit to the right from the start line.         // We use the `calc` function in CSS to calculate the speed across the screen in `vw` units         // and subtract 10rem units (half the width of our 20rem wide rabbit images) so we get the center of the rabbit image.         // Uncomment this line below when you get this far         // const calculatedValue = `calc(${speed  {     document       .querySelector('.js-btn-start-race')       .addEventListener('click', () => {         alert('Starting the race!');         initRace();       });        document       .querySelector('.js-btn-stop-race')       .addEventListener('click', () => {         stopRace();         alert('Stopping the race!');       });   });

Aditya · Accepted Answer

Assingment/checker.png
Assingment/grass.jpg
Assingment/index.html
    
      
        
          
        
        
          
        
        
          
        
        
          

    Start
    Stop
    
    
  
Assingment/rabbit-1.png
Assingment/rabbit-2.png
Assingment/rabbit-3.png
Assingment/rabbit-4.png
Assingment/script.js
/**
 * The comments through this file indicate the expected functionality
 * required to complete the exercise.
 */
/**
 * This is the base Animal class; all Rabbits will extend this class.
 */
 class Animal {
    constructor(name) {
      this._speed = 0;
      this._name = name;
    }
  
    getSpeed() {
      return this._speed;
    }
  
    getName() {
      return this._name;
    }
  }
  
  /**
   * This is the Rabbit class; all new Rabbits that are created will call the
   * constructor of this class to instantiate a new rabbit object.
   */
  class Rabbit extends Animal {
    constructor(name) {
      super(name);
    }
  
    hop(speed) {
      // Prevent negative numbers from interferring with speed
      // ...
      if(speed  {
      for(let i =0;i= 98)
      {
        alert(rabbitArray[i].getName() +" has won the race")
        stopRace();
      }
     }
    }, 500);
    // Loop through all the rabbits
        // Call `.hop(getRandomSpeed())` on each rabbit
  
        // NOTE: This is what moves the rabbit to the right from the start line.

Rabbit Olympic Racing JavaScript To start this assignment, open the script.js file in your editor and read through the notes left in the comments. You will be filling in the code based on the comments...

Rabbit Olympic Racing

JavaScript

Answer To: Rabbit Olympic Racing JavaScript To start this assignment, open the script.js file in your editor...

Answer To This Question Is Available To Download

Related Questions & Answers

Submit New Assignment