Skip to content

Instantly share code, notes, and snippets.

View sirdarthvader's full-sized avatar
🤷‍♂️
console.log(NaN === NaN); //-> false

Ashish Singh sirdarthvader

🤷‍♂️
console.log(NaN === NaN); //-> false
46 followers · 40 following
View GitHub Profile
@sirdarthvader
sirdarthvader / app-final.js
Created April 2, 2018 00:20
const canvas = document.querySelector('#canvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
ctx.strokeStyle = '#BADA55';
ctx.lineWidth = 1;
ctx.lineJoin = 'round';
ctx.lineCap = 'round';
@sirdarthvader
sirdarthvader / Express hello world.js
Created April 19, 2018 01:12
const express = require('express')
const app = express()
app.get('/', (req, res) => res.send('Hello World!'))
app.listen(3000, () => console.log('Example app listening on port 3000!'))
@sirdarthvader
sirdarthvader / colorGame-initial state index.html
Created June 3, 2018 23:16
Initial html file for colorGame
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Color Game</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="app.css">
</head>
<body>
@sirdarthvader
sirdarthvader / atEndOFCycle2_index.html
Created June 10, 2018 21:44
<!DOCTYPE html>
<html>
<head>
<title>Color Game</title>
<link rel="stylesheet" type="text/css" href="app.css">
</head>
<body>
<h1>
The Great
<br>
@sirdarthvader
sirdarthvader / atEndOFCycle2_app.css
Created June 10, 2018 21:45
body {
background-color: #232323;
margin: 0;
font-family: "Montserrat", "Avenir";
}
h1 {
text-align: center;
line-height: 1.1;
font-weight: normal;
@sirdarthvader
sirdarthvader / atEndOFCycle2_app.js
Created June 10, 2018 21:46
var numSquares = 6;
var pickedColor;
var squares = document.querySelectorAll(".square");
var messageDisplay = document.querySelector("#message");
var resetButton = document.querySelector("#reset");
var modeButtons = document.querySelectorAll(".mode");
var colors = [
"rgb(255, 0, 0)",
"rgb(0, 255, 0)",
@sirdarthvader
sirdarthvader / app.js
Created June 13, 2018 03:47
var numSquares = 6;
var pickedColor;
var squares = document.querySelectorAll(".square");
var systemMessageDisplay = document.querySelector("#default-code");
var userMessageDisplay = document.querySelector("#user-code");
var resetButton = document.querySelector("#reset");
var modeButtons = document.querySelectorAll(".mode");
var header = document.querySelector('#header');
var colors = generateRandomColors(6);
@sirdarthvader
sirdarthvader / reset app.js
Last active June 13, 2018 04:05
// Reset Game...
resetButton.addEventListener('click', function(){
colors = generateRandomColors(6);
pickedColor = pickColor();
for(i=0; i<=squares.length; i++) {
squares[i].style.backgroundColor = colors[i];
}
})
@sirdarthvader
sirdarthvader / generate random colors app.js
Created June 13, 2018 03:58
function generateRandomColor(num) {
//make an array
var arr = [];
// run the randomColor function num times
for (i=0; i < num ; i++) {
arr.push(randomColors());
}
// return an array
return arr;
}
@sirdarthvader
sirdarthvader / random color app.js
Created June 13, 2018 03:59
function randomColor(){
//pick a "red" from 0 - 255
var r = Math.floor(Math.random() * 256);
//pick a "green" from 0 -255
var g = Math.floor(Math.random() * 256);
//pick a "blue" from 0 -255
var b = Math.floor(Math.random() * 256);
return "rgb(" + r + ", " + g + ", " + b + ")";
}