JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<div id="teams"></div>

JavaScript

var Team = function(teamName) {
    this.teamName = teamName;
    this.speed = Math.floor(Math.random() * 10) + 1 ; 
    this.header = Math.floor(Math.random() * 10) + 1 ;
    this.power = Math.floor(Math.random() * 10) + 1 ;
    this.accuracy = Math.floor(Math.random() * 10) + 1 ;
    console.log(this.accuracy + this.power + this.header + this.speed) / 4;
};


team1 = new Team ("Manchester United");
team2 = new Team ("Arsenal");
team3 = new Team ("Chelsea");
team4 = new Team ("New York Rangers");

var teams = new Array(team1, team2, team3, team4);

for(var i = 0; i < 4; i++){
    document.getElementById("teams").innerHTML += "<strong>" + teams[i].teamName + "</strong><br>";
    document.getElementById("teams").innerHTML += teams[i].accuracy + " accuracy<br>";
    document.getElementById("teams").innerHTML += teams[i].power + " power<br>";
    document.getElementById("teams").innerHTML += teams[i].header + " header<br>";
    document.getElementById("teams").innerHTML += teams[i].speed + " speed<br><br>";
}