JSFiddle - React, Tailwind, and code Playground

HTML

Имя: <input id="name"></input> <br>
Фамиллия: <input id="lastname"></input> <br>
Год: <input id="year"></input> <br><br>

А внизу типа так: <br>
<span style="background: yellow" id="out">Иван Сосницкий, 1999.</span><br>
<button>Скопировать в буфер.</button>

<!-- соси хуй быдло -->

JavaScript

var ips = ['name', 'lastname', 'year'];
function update(){
    var vals = {};
    ips.forEach(function(id){
        vals[id] = document.getElementById(id).value;
    });
    var v = vals.name + ' ' + vals.lastname + ', ' + vals.year;
    document.getElementById('out').innerHTML = v;
};
ips.forEach(function(id){
    document.getElementById(id).addEventListener('change', update);
});