Sacar la inicial de un input. Primera Letra

[aguiacir]

Que tal buen dia.

Tengo una complicacion. Intento que una variable solo muestre la inicial.

Ejemplo

Código HTML:

<script>
function inicialnombre(){
	var str="Xochilt";
	document.write(str.charAt(0));
}
</script>
<div>
<input type="text" name="nombre" id="nombre" placeholder="nombre" />
<input type="checkbox" id="inicial" onclick="inciailnombre()" />
</div> 

En realidad no se como hacer la funcion afecte el input, asi funciona es con el string xochilt.
Les agradeseria si me pueden ayudar

[informacionsys]

hola

mira:

Código Javascript:

function inicialnombre(){
    var str="Xochilt";
        var substraer = str.toString();
        var inicial = substraer.substring(0,1); 
    document.write(inicial);
}
 

Código HTML:

<div>
<input type="text" name="nombre" id="nombre" placeholder="nombre" />
<input type="checkbox" id="inicial" onclick="inciailnombre()" />
</div>
 

[rodrigo791]

Usa un for, recorre la cadena con una variable en un for, usando la función length aplicada a la cadena, y recupera la posición 0

[emprear]

Revisá el nombre de tu función y el valor del evento onclick, son diferentes

Saludos

[aguiacir]

Gracias a todos por sus consejos.
Lo resolvi asi

Código HTML:

<script>    
function mundo(){
        var one = document.getElementById('nombre').value.substr(0,1);
        document.getElementById('inicial').value = one;
    }
    </script>
 
<input type="text" id="nombre" placeholder="Nombre" />
<input type="text" id="inicial" placeholder="Inicial" style="display:none; width:40px;" />
<input type="checkbox" title="Solo la inicial" onclick="mundo(); $('#inicial').toggle();$('#nombre').toggle()" />(Muestra Inicial)
 

En realidad no se como funciono muy bn.
Pero agarra, solo cambie los nombres de los id

[IsaBelM]

funciona y no funciona.

si se escribe un nombre "Isabel" y se marca el checkbox, obtienes en el control inicial "I". pero, y si ahora se desmarca del checkbox?? continua aparenciendo "I". por lo que usando una condicional, por ejemplo, ternaria, verificas si el checkbox está o no marcado y arreglo a ello insertar la primera letra o el nombre completo

[emprear]

Iniciado por rodrigo791

Usa un for, recorre la cadena con una variable en un for, usando la función length aplicada a la cadena, y recupera la posición 0

¿Para qué algo tan rebuscado?

Iniciado por aguiacir

Gracias a todos por sus consejos.
Lo resolvi asi

Código HTML:

<script>    
function mundo(){
        var one = document.getElementById('nombre').value.substr(0,1);
        document.getElementById('inicial').value = one;
    }
    </script>
 
<input type="text" id="nombre" placeholder="Nombre" />
<input type="text" id="inicial" placeholder="Inicial" style="display:none; width:40px;" />
<input type="checkbox" title="Solo la inicial" onclick="mundo(); $('#inicial').toggle();$('#nombre').toggle()" />(Muestra Inicial)
 

En realidad no se como funciono muy bn.
Pero agarra, solo cambie los nombres de los id

Me pregunto? Vos lees las respuestas a los mensajes que dejas?
con

Código Javascript:

str.charAt(0);
 

como está en la script original era suficiente. no te funcionaba porque tu función se llama

inicialnombre
y en el evento pusiste
inciailnombre

Sean un poco más serios por favor

[aguiacir]

Iniciado por IsaBelM

funciona y no funciona.

si se escribe un nombre "Isabel" y se marca el checkbox, obtienes en el control inicial "I". pero, y si ahora se desmarca del checkbox?? continua aparenciendo "I". por lo que usando una condicional, por ejemplo, ternaria, verificas si el checkbox está o no marcado y arreglo a ello insertar la primera letra o el nombre completo

Lo se y tienes razon, puede ser mas completo este ejercicio, pero ya logrando tener la inicial se envian ambos valores a la base de datos y solo verifico si esta seleccionado o no. Y al momento de mostrarlo pongo una sentencia que mustre si o no segun lo que selecciono.

Iniciado por emprear

como está en la script original era suficiente. no te funcionaba porque tu función se llama

inicialnombre
y en el evento pusiste
inciailnombre

Lo se y lo vi, es mas gracias a tu primer comentario logre seguir avanzando.
Despues de ahi comente con como lo resolvi.

En realidad agradesco tu atencion y gracias por tu interes sobre estos temas.