JSFiddle - React, Tailwind, and code Playground

by Roland Doda

HTML

<input type="text" id="name" onkeydown="add_name($event)" placeholder="Type Name"> <br>
  <input type="text" id="last_name" onkeydown="add_last_name" placeholder="Type Last Name"> <br>
  <hr>
  Your name is:<div id="output"></div>

JavaScript

let output = document.getElementById("output");
let name_input = document.getElementById("name");
let last_name_input = document.getElementById("last_name")
let created_person = {
  name: 'Roland',
  last_name: 'Doda',
  get get_full_name() {
    return `${this.name} ${this.last_name}`
  }
}

name_input.value = created_person.name
last_name.value = created_person.last_name
output.innerHTML = created_person.get_full_name


function add_name (name) {
  created_person.name = name
   console.log('called name',created_person);
}

function add_last_name (last_name) {
  created_person.last_name = last_name
}