JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div id="container">
  <h3>Javascript ES6 test page</h3>
  <div id="content"></div>
  <div id="content1"></div>
</div>

CSS

@import url('https://fonts.googleapis.com/css?family=Lato');

body {
  font-family: 'Lato', sans-serif;
  background-color:#333;
  color: #fff;
}
#container {
  width:100%;
  text-align:center;
}

JavaScript

/* https://www.nafrontendzie.pl/ecmascript-6-co-nowego */

class Car {
    constructor(name) { // konstruktor
        this.name = name
    }
}

class FamilyCar extends Car { // dziedziczenie
    constructor(name, maxSpeed) {
        super(name); // wywołanie bazowego konstruktora
        this.maxSpeed = maxSpeed;
    }
}

var familyCar = new FamilyCar('Tarpan', 180);

var name = familyCar.name;
var maxSpeed = familyCar.maxSpeed;

document.getElementById("content").innerHTML = name+' -> '+getType(name);
document.getElementById("content1").innerHTML = maxSpeed+' -> '+getType(maxSpeed);

console.log();

Object.prototype.toType = function() {
  return Object.prototype.toString.call(obj).replace(/^\[object (.+)\]$/,"$1").toLowerCase();
}

function getType(obj) {
    if(obj && obj.constructor && obj.constructor.name) {
        return obj.constructor.name;
    }
    return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}