Saying

by Ryan Perez

HTML

<input id="mel" value="" placeholder="Melissa saying" />
<input id="ryan" value="" placeholder="Ryan Perez" />
<div id="output"></div>
<div id="output2"></div>

JavaScript

class Person {
  constructor(name, saying) {
    this.name = name;
    this.saying = saying;
  }
  speak() {
    console.log(`${this.name} says ${this.saying}`);
  }
}

class Ryan extends Person {
  constructor(saying) {
    super("Ryan", saying);
  }
}

class Melissa extends Person {
  constructor(saying) {
    super("Melissa", saying);
  }
}

var input = document.getElementById('mel');
var input2 = document.getElementById('ryan');
var output = document.getElementById('output');
var output2 = document.getElementById('output2');

  input.addEventListener('keyup', function() {
    output.innerHTML = input.value;
  });
  
    input.addEventListener('keyup', function() {
    output2.innerHTML = input2.value;
  });


const ryan = new Ryan(output.innerHTML);
const melissa = new Melissa("I'm tired");

ryan.speak();
melissa.speak();