Practicando Javascript me encuentro con una dificultad a la hora de concatenar caracteres. Quiero hacer que cada vez que yo presione la tecla '.' (punto) me escriba lo que tengo en la variable texto, pero de forma tal que lo haga letra por letra, es decir la variable tiene el texto "Hola", entonces al presionar la primera vez la tecla '.'(punto) en el input me debe aparecer la 'H', luego cuando yo vuelva a presionar la tecla '.'(punto) me debe aparecer la siguiente letra, 'o', y así sucesivamente hasta completar la palabra, pero mi problema es que yo al presionar el punto me esta apareciendo toda la cadena y no logro entender como puedo hacer que lo haga letra por letra.
const inputTexto = document.getElementById("input-texto")
var texto = "Hola"
function presionarTecla (){
var codigo = event.keyCode
console.log(String.fromCharCode(codigo));
for (let i=0; i<texto.length; i++) {
if (String.fromCharCode(codigo) == '.'){
inputTexto.value += texto[i]
}
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practicando Javascript</title>
</head>
<body>
<div id="segundoDiv">
<br>
<label for="">Ingrese texto: </label> <br>
<input id="input-texto" onkeypress="presionarTecla()" type="text"><br>
</div>
</body>
<script src="app.js"></script>
</html>
inputTexto.value += texto[i]
no tienes que concatenarlo todo, sino solo una letra. Como? depende de ti, lo mas facil un contador interno y un substring.