triArea(3, 2);
triArea(7, 4);
triArea(10, 10);
function triArea(base, height) {
let area = base * height / 2;
console.log(area);
}
Source is unknown.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Drawing Canvas</title>
<script src = "script.js" defer></script>
</head>
<body>
<h1>Canvas</h1>
<canvas id = "myCanvas" width = "500" height = "500" style = "border-style: solid"></canvas>
</body>
</html>
let canvas = document.getElementById("myCanvas");
let ctx = canvas.getContext("2d");
let x = canvas.width / 2;
let y = canvas.height / 2;
ctx.beginPath();
ctx.translate(x, y);
ctx.moveTo(-5, 5);
ctx.lineTo(0, -5);
ctx.lineTo(5, 5);
ctx.lineTo(-5, 5);
ctx.fill();
ctx.strokeRect(-5, -5, 10, 10);
ctx.beginPath();
ctx.arc(0, 0, 5, 0, 2 * Math.PI);
ctx.stroke();
Source is unknown.
let num = 6;
console.log(num.toString(2));
let num2 = 23;
console.log(num2.toString(2));
// console.log(Number(num.toString(2)) + Number(num2.toString(2)));
let num3 = 110;
console.log(num3.toString(9));
Source is unknown.
let object1 = {
name: "object1",
date: "today"
};
let object2 = object1;
object1.name = "otherObject";
console.log(object1.name);
console.log(object2.name);
This was a very basic program believed to be arbitrarily made for practice and linking Javascript with HTML.
This code was created a very long time ago primarily for testing purposes.
Don’t be worried if the result appears to be empty!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function hello() {
document.write("hello edabit.com");
}
</script>
</body>
</html>
function hello() {
document.write("hello edabit.com");
}
Source is unknown.
function changeDate(someDate){
someDate.date = "tomorrow";
}
let object1 = {
name: "object1",
date: "today"
};
changeDate(object1);
console.log(object1.date);
Source is unknown.
let ORGANISM = 'x';
let stuff = new Cell();
stuff.type = ORGANISM;
console.log(stuff.type);
function Cell(t){
this.type = t;
}
Source is unknown.
Believed to be arbitrarily made for practice.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src = "CanvasSandbox.js" defer></script>
<title>Document</title>
</head>
<body>
<h1>Canvas Practice</h1>
<canvas id = "myCanvas" width = "800" height = "500" style = "border-style: solid"></canvas>
</body>
</html>
let canvas = document.getElementById("myCanvas");
let context = canvas.getContext("2d");
context.fillStyle = "blue";
context.fillRect(100, 100, 200, 200);
context.beginPath();
context.fillStyle = "red";
context.arc(canvas.width / 2, canvas.height / 2, 50, 0, 2 * Math.PI);
context.fill();
context.save();
context.beginPath();
context.fillStyle = "green";
context.translate(600, 200);
context.moveTo(-25, 25);
context.lineTo(0, -25);
context.lineTo(25, 25);
context.lineTo(-25, 25);
context.fill();
context.restore();
Source is unknown.
function Car(mk, md, h, z){
this.make = mk;
this.model = md;
this.hp = h;
this.zeroTo100 = z;
this.toString = function(){
return this.make + " " + this.model + " -> " + this.hp + "hp -> " + this.zeroTo100;
}
}
let myCar = new Car("Bugatti","Chiron",1479,"2.4sec");
console.log(myCar.toString());
Source is unknown.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src = "6Circles.js" defer></script>
<title>Document</title>
</head>
<body>
<h1>6Circles</h1>
<canvas id = "myCanvas" width = "400" height = "400" style = "border-style: solid"></canvas>
</body>
</html>
let canvas = document.getElementById("myCanvas");
let context = canvas.getContext("2d");
context.save();
context.beginPath();
context.fillStyle = "green";
context.arc(canvas.width / 2, canvas.height / 2, 50, 0, 2 * Math.PI);
context.fill();
context.restore();
context.save();
context.beginPath();
context.translate(canvas.width / 2, canvas.height / 2);
let circle = new Circle("rgb(0, 0, 54)", 95, 40, 50, 0, 2 * Math.PI);
circle.draw();
context.restore();
context.save();
context.beginPath();
context.translate(canvas.width / 2, canvas.height / 2);
circle = new Circle("blue", 0, 100, 50, 0, 2 * Math.PI);
circle.draw();
context.restore();
context.save();
context.beginPath();
context.translate(canvas.width / 2, canvas.height / 2);
circle = new Circle("rgb(0, 0, 204)", -95, 40, 50, 0, 2 * Math.PI);
circle.draw();
context.restore();
context.save();
context.beginPath();
context.translate(canvas.width / 2, canvas.height / 2);
circle = new Circle("darkblue", -75, -70, 50, 0, 2 * Math.PI);
circle.draw();
context.restore();
context.save();
context.beginPath();
context.translate(canvas.width / 2, canvas.height / 2);
circle = new Circle("rgb(0, 1, 104)", 65, -79, 50, 0, 2 * Math.PI);
circle.draw();
context.restore();
function Circle(color, x, y, radius, startAngle, endAngle){
this.color = color;
this.x = x;
this.y = y;
this.radius = radius;
this.startAngle = startAngle;
this.endAngle = endAngle;
this.draw = function(){
context.fillStyle = this.color;
context.arc(x, y, radius, startAngle, endAngle);
context.fill();
}
}
// context.save();
// context.beginPath();
// context.fillStyle = "rgb(0, 0, 54)";
// context.translate(canvas.width / 2, canvas.height / 2);
// context.arc(95, 40, 50, 0, 2 * Math.PI);
// context.fill();
// context.restore();
// context.save();
// context.beginPath();
// context.fillStyle = "blue";
// context.translate(canvas.width / 2, canvas.height / 2);
// context.arc(0, 100, 50, 0, 2 * Math.PI);
// context.fill();
// context.save();