JSFiddle - React, Tailwind, and code Playground

by karin

HTML

<p id="p"></p>
<p id="rep"></p>
<input id="myInput1" value=""/>
<input id="myInput2" value=""/>

JavaScript

function Person(firstname, lastname) {
    this.firstname = firstname;
    this.lastname = lastname;
}
var person1 = new Person('Olly', 'Oak');
var person2 = new Person('Karl', 'River');
document.getElementById('p').innerHTML = person1.firstname + " " + person1.lastname;

function Words(first, second) {
    this.firstword = first;
    this.secondword = second;
};

var n = new Words('hello', 'bye');

function ReplaceWords(a, b) {
    var firstInput=document.getElementById('myInput1').value="lemon";
    var secondInput=document.getElementById('myInput2').value="cherry";
    this.replacement = a.replace(firstInput,a);
    this.replacement2 = b.replace(secondInput,b);
    var res=replacement + replacement2;
    return res=res||"no values provided";
};
var result = ReplaceWords("hi", "bye")|| "default";

document.getElementById('myInput1').value = result;
document.getElementById('myInput2').value = result;