Example saludo type 2

by FCortesF

HTML

<form>
  <span>Introduce tu nombre:</span>
  <input type="text" id="nombre" value=""/>
  <button type="button" id="btnSaludo">
    Saluda
  </button>
  <br />
  <span id="saludo"></span>
</form>

CSS

#saludo{
  font-weight: bold;
}

JavaScript

window.addEventListener('load', function(){
 document.getElementById('btnSaludo').addEventListener('click', function(){
 	var nombre = document.getElementById('nombre').value;
  document.getElementById('saludo').innerHTML = 'Hola '+nombre;
 });
});