CanvasJS HTML5 JavaScript Charts

CanvasJS helps you create chart in the most simple and efficient way possible

by Diman0o

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<h1>Учатсники</h1>
<ul id="chartContainer"></ul>
<h1>Победитель</h1>
<h2 id="win"></h2>
<script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

JavaScript

function Generate(){
 	var arr = ["Яблоко", "Апельсин", "Груша", "Лимон"];
 	var mass=[];
 	for (var i = 0; i < arr.length; i++) { 
 		var j = Math.floor(Math.random() * 100);
 		var animal = new Animal(arr[i],j);
    mass.push(animal);
 		$('#chartContainer').append('<li>'+arr[i]+'-'+j+'</li>');
 }
  var max = Math.max.apply(null, mass);
  $('#win').html(max);
  console.log(mass)
  }


function Animal(name,i) {
  this.name = name;
  this.rank = i;
}
Generate();