JSFiddle - React, Tailwind, and code Playground

by scurrilus

HTML

<div id="test">

</div>

<script>
	const greeter = new Greeter('George', 'Ganz');
	greeter.fullName();
	greeter.alertName();
	//greeter.firstName();
	// greeter.lastName();
</script>

JavaScript

class Greeter {
    constructor (name, nachname) {
      this.name = name || 'John';
      this.nachname = nachname || 'Doe';
      this.alertName = function () {
        console.log(`Name ${ this.name  } ${ this.nachname  } - ${ this.nationality }`);
    	};
    }
    firstName () {
      document.getElementById('test').innerHTML = `Hello, my firstname is ${ this.name }`;
    }
    
    lastName () {
      document.getElementById('test').innerHTML = `Hello, my firstname is ${ this.nachname }`;
    }
    
    fullName () {
      document.getElementById('test').innerHTML = `This is ES6 Class Example - Hello, my name is ${ this.name } ${ this.nachname } ${ this.nationality }`;
    }
  }
  
  Greeter.prototype.nationality = "English";