JSFiddle - React, Tailwind, and code Playground
HTML
<p>
Leo Blokhuis Award - Grootste muziekkenner : <input type="text" name="LeoBlokhuis">
</p>
<p>
Philippe Geubels Award - User met de meest humor : <input type="text" name="PhilippeGeubels">
</p>
<textarea id="output" id="" cols="30" rows="10"></textarea>
JavaScript
(function($) {
$('input').change(updateOutput);
function updateOutput() {
var output = "[b]Leo Blokhuis Award:[/b] " + getUser("LeoBlokhuis") + "\n"
+ "[b]Philippe Geubels:[/b] " + getUser("PhilippeGeubels") + "\n"
+ "\n"
+ "etc etc...";
$('#output').val(output);
}
function getUser(award) {
return $('input[name="' + award + '"]').val();
}
})(jQuery);