Skip to content

Instantly share code, notes, and snippets.

@pqant

pqant/index.html

Created July 2, 2017 12:32
Show Gist options
  • Save pqant/7aad39ba3af800e2a1038ae3af039f50 to your computer and use it in GitHub Desktop.
Save pqant/7aad39ba3af800e2a1038ae3af039f50 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin this is just a console command reminder. // source https://jsbin.com/yevomic
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="this is just a console command reminder.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
body {
color:red;
font-size:20px;
}
</style>
</head>
<body>
<br/>
<br/>
<br/>
<button id="btnMain">hi guys!</button>
<script src="https://unpkg.com/@reactivex/rxjs@5.0.3/dist/global/Rx.js"></script>
<script id="jsbin-javascript">
"use strict";
(function () {
function Person(name, surName) {
this.name = name;
this.surName = surName;
}
var elem1 = new Person("Eralp", "Erat");
var elem2 = new Person("Ayşe", "Erat");
var elem3 = new Person("Zeynep", "Erat");
var elem4 = new Person("Feyza", "Erat");
var myTbl = [elem1]; //,elem2,elem3,elem4]
console.table(myTbl);
return;
console.groupCollapsed("Master");
console.groupCollapsed("A");
console.group("World...");
console.log("Hello world!");
console.groupEnd();
console.groupEnd();
/*
console.warn("Hello world!");
console.info("Hello world!");
console.debug("Hello world");
console.error("Hello world!");
*/
console.groupEnd("done");
/*
console.log("Hello","world",{name:"eralp",surname:"erat"})
console.log(`Hello %s ,
it's %d ,
and this is my obj %o and css show : %coutput`
,"eralp",44,
{name:"eralp",
surname:"erat",
values:{name:["1","2"],
lastValue:{value:"eee"}
}
},"color:red;font-size:33px;")
*/
var element = document.getElementById('btnMain');
clickStream = Rx.Observable.fromEvent(element, 'click');
clickStream.subscribe(function (f) {
console.log("eee");
});
console.clear();
var fz;
console.assert(fz, "fz is undefined..Please set it!");
if (fz) {
console.log(fz.toUpperCase());
} /*
else console.error("please check value of fz!");
*/
Rx.Observable.range(0, 10).delay(1000).subscribe(function (x) {
console.log("value " + x);
});
console.time("object_creation");
var _loop = function (d) {
Rx.Observable.range(0, 1).delay(2000).subscribe(function (x) {
var res = Math.random(100) * 100;
if (res < 50) {
console.count("less than 50");
} else {
console.count("bigger than 50");
}
if (d == 99) {
console.timeEnd("object_creation");
}
});
};
for (var d = 0; d < 100; d++) {
_loop(d);
}
})();
</script>
<script id="jsbin-source-css" type="text/css">body {
color:red;
font-size:20px;
}</script>
<script id="jsbin-source-javascript" type="text/javascript"> (function (){
function Person(name,surName) {
this.name = name;
this.surName = surName;
}
var elem1 = new Person("Eralp","Erat")
var elem2 = new Person("Ayşe","Erat")
var elem3 = new Person("Zeynep","Erat")
var elem4 = new Person("Feyza","Erat")
let myTbl = [elem1]//,elem2,elem3,elem4]
console.table(myTbl);
return;
console.groupCollapsed("Master")
console.groupCollapsed("A")
console.group("World...");
console.log("Hello world!");
console.groupEnd();
console.groupEnd();
/*
console.warn("Hello world!");
console.info("Hello world!");
console.debug("Hello world");
console.error("Hello world!");
*/
console.groupEnd("done");
/*
console.log("Hello","world",{name:"eralp",surname:"erat"})
console.log(`Hello %s ,
it's %d ,
and this is my obj %o and css show : %coutput`
,"eralp",44,
{name:"eralp",
surname:"erat",
values:{name:["1","2"],
lastValue:{value:"eee"}
}
},"color:red;font-size:33px;")
*/
let element = document.getElementById('btnMain')
clickStream = Rx.Observable.fromEvent(element,'click');
clickStream.subscribe(f=>{
console.log("eee");
})
console.clear();
var fz;
console.assert(fz,"fz is undefined..Please set it!");
if (fz) {
console.log(fz.toUpperCase());
} /*
else console.error("please check value of fz!");
*/
Rx.Observable.range(0,10).delay(1000).subscribe(x=>{
console.log("value "+x);
});
console.time("object_creation");
for(let d = 0 ; d<100;d++) {
Rx.Observable.range(0,1).delay(2000).subscribe(x=>{
var res = Math.random(100) *100;
if (res<50) {
console.count("less than 50")
} else{
console.count("bigger than 50")
}
if (d==99) {
console.timeEnd("object_creation");
}
})
}
})()
</script></body>
</html>
Raw
jsbin.yevomic.css
body {
color:red;
font-size:20px;
}
Raw
jsbin.yevomic.js
"use strict";
(function () {
function Person(name, surName) {
this.name = name;
this.surName = surName;
}
var elem1 = new Person("Eralp", "Erat");
var elem2 = new Person("Ayşe", "Erat");
var elem3 = new Person("Zeynep", "Erat");
var elem4 = new Person("Feyza", "Erat");
var myTbl = [elem1]; //,elem2,elem3,elem4]
console.table(myTbl);
return;
console.groupCollapsed("Master");
console.groupCollapsed("A");
console.group("World...");
console.log("Hello world!");
console.groupEnd();
console.groupEnd();
/*
console.warn("Hello world!");
console.info("Hello world!");
console.debug("Hello world");
console.error("Hello world!");
*/
console.groupEnd("done");
/*
console.log("Hello","world",{name:"eralp",surname:"erat"})
console.log(`Hello %s ,
it's %d ,
and this is my obj %o and css show : %coutput`
,"eralp",44,
{name:"eralp",
surname:"erat",
values:{name:["1","2"],
lastValue:{value:"eee"}
}
},"color:red;font-size:33px;")
*/
var element = document.getElementById('btnMain');
clickStream = Rx.Observable.fromEvent(element, 'click');
clickStream.subscribe(function (f) {
console.log("eee");
});
console.clear();
var fz;
console.assert(fz, "fz is undefined..Please set it!");
if (fz) {
console.log(fz.toUpperCase());
} /*
else console.error("please check value of fz!");
*/
Rx.Observable.range(0, 10).delay(1000).subscribe(function (x) {
console.log("value " + x);
});
console.time("object_creation");
var _loop = function (d) {
Rx.Observable.range(0, 1).delay(2000).subscribe(function (x) {
var res = Math.random(100) * 100;
if (res < 50) {
console.count("less than 50");
} else {
console.count("bigger than 50");
}
if (d == 99) {
console.timeEnd("object_creation");
}
});
};
for (var d = 0; d < 100; d++) {
_loop(d);
}
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment