JSFiddle - React, Tailwind, and code Playground

by hakan

HTML

<p>Some paragraph text</p>
    <h1>some heading 1 text</h1>
    <h2>some heading 2 text</h2>

    <a href="#" id="size-12">12</a>
    <a href="#" id="size-14">14</a>
    <a href="#" id="size-16">16</a>

CSS

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.2em;
}

JavaScript

function foo(){}

var proto0 = new foo;

foo.prototype = {
  foo_prop: "foo val"
};

var proto1 = new foo;

function bar(){}

var proto = new foo;

proto.bar_prop = "bar val";
bar.prototype = proto;

var inst = new bar;

console.log(proto0.foo_prop);
console.log(proto1.foo_prop);

console.log(inst.foo_prop);
console.log(inst.bar_prop);