JSFiddle - React, Tailwind, and code Playground

by 15012917

HTML

<input type="text" value="Mr" id="txt-titulo" />
<input type="text" value="Magoo" id="txt-nombre" />
<h2 id="encabezado">

</h2>
<img src="http://nostalgiacentral.com/wp-content/uploads/2014/06/mrmagoo9-640x391.jpg" srcset="http://nostalgiacentral.com/wp-content/uploads/2014/06/mrmagoo9-640x391.jpg 640w, http://nostalgiacentral.com/wp-content/uploads/2014/06/mrmagoo9-300x183.jpg 300w, http://nostalgiacentral.com/wp-content/uploads/2014/06/mrmagoo9-768x469.jpg 768w, http://nostalgiacentral.com/wp-content/uploads/2014/06/mrmagoo9-687x420.jpg 687w, http://nostalgiacentral.com/wp-content/uploads/2014/06/mrmagoo9-681x416.jpg 681w, http://nostalgiacentral.com/wp-content/uploads/2014/06/mrmagoo9.jpg 800w" sizes="(max-width: 640px) 100vw, 640px" alt="" title="mrmagoo9">

JavaScript

var b = 'Mr.';
// Almacena el objeto input en una variable
var n = document.getElementById('txt-nombre');
// Almacena el objeto h1 en una variable
var h = document.getElementById('encabezado');
// Concatena mensaje y lo coloca en la etiqueta h1
h.innerText = b + ' ' + n.value;