JS Examples

by egoregor

HTML

<canvas id="canvas" width=250 height=250 onClick="">canvas</canvas>

CSS

body {text-align:center;}
#canvas {
    margin:30px auto;
    border:1px solid black;
}

JavaScript

function Rectangle(w, h) {
    this.width = w;
    this.height = h;
    this.area = function() {
        return this.width * this.height
    }
    //alert("width = " + this.width + "\n" + "height = " + this.height + "\n" + "area = " + this.area())
}
//var x = Math.floor(Math.random() * (100 + 1));
//var y = Math.floor(Math.random() * (200 + 1));
//var rect = new Rectangle(x, y);
//var a = rect.area();
//alert(a);

//сделать функцию рисования canvas, с методом, из которого будут возвращаться рандомные числа-координаты!!! 
var canvas = document.getElementById("canvas").getContext("2d");
var brush = new object{
    var x = Math.floor(Math.random() * (100 + 1));;
    var y = Math.floor(Math.random() * (200 + 1));;
    var paint = function() {
        this.pointX = x 
canvas.fillRect(100, 100, x, y);