Gracias a la ayuda de @fredyfx en la anterior pregunta, pude avanzar en lo que necesitaba. Ahora me encuentro ante el siguiente problema, necesito que en el id="txt"
se introduzca solamente el primer nombre del usuario, para ello haría un split que detecta hasta el primer espacio en blanco ' '
, como lo haría en consola, por ejemplo:
var str = 'Pepito Perez';
var words = str.split(' ');
console.log(words[0]);
Esto claramente me traería "Pepito", resultado el cual debo trasladar a mi segundo input, sin éxito.
Debería llamarlo como una función string
? ¿Cómo debería convertirlo de string
a input
?
Gracias por su ayuda.
function resizable(el, factor) {
var int = Number(factor) || 7.7;
function resize() {
el.style.width = ((el.value.length + 1) * int) + 'px';
}
var e = 'keyup,keypress,focus,blur,change'.split(',');
for (var i in e) el.addEventListener(e[i], resize, false);
resize();
}
resizable(document.getElementById('txt'), 7);
function fAgrega() {
document.getElementById("txt").value = document.getElementById("nombre").value;
var element = document.getElementById("txt");
resizable(element);
}
body {
text-align: center;
padding: 20px
}
input {
min-width: 30px!important;
max-width: 200px!important;
transition: width 0.25s;
text-align: center;
}
Ingrese su nombre: <input id="nombre" type="text" onkeyup="fAgrega();" />
<hr> ¡Hola <input id="txt" type="text" class="preview_txt" placeholder="you" />! Nos alegra tenerte aquí de nuevo.