Captura de texto ingresado por usuario y muestra en pantall

<div class="container">
  <h1>Ingresa tu nombre</h1>
  <input type="text" id="nombre" placeholder="Escribe tu nombre...">
  <button onclick="agregarNombre()">Añadir nombre</button>
  <p id="nombre_ingresado"></p>
</div>

<script>
function agregarNombre() {
  var nombre = document.getElementById("nombre").value;
  document.getElementById("nombre_ingresado").innerHTML = "Hola " + nombre;
}
</script>