Apparaitre un espace et une majuscule en JS

Bonjour, j'étudie actuellement en multimedia, bref, j'ai un examen de programmation la semaine prochaine et je comprend.... Que dale.

J'ai des exercices pour m'aider, mais je comprend vraiment rien, comme le 3/4 de ma classe au fait, ces exercices comprennent les chaine String , charAt, toUpperUp, split et compagnie.

En fait, j'ai un texte en haut de la page en innerHTML(on peux écrire dessus) et quand je clique sur le bouton "executer" en bas, une case vide qui était déjà là devient alors remplis du même texte quand haut, sauf que après les point (.) , on rajoute un espace et la prochaine lettre est en majuscule.

Pour le moment, mon code est exactement ceci :
window.onload = function(){
btnExecuter.onclick = executer;
}

function executer(){
var texteEcrit = txtChaineInitiale.value;
var longTexte = texteEcrit.length;
var texteSplit = texteEcrit.split(".");
var motActuelle = "";
var nbFoi = 0;
var i =0;
var premiereLettre = texteEcrit.charAt(i);
var chaineEnMaj = texteEcrit.toUpperCase(i+1);


while(i<= longTexte){
motActuelle = texteEcrit.charAt(i)
if(motActuelle == ".")
{
nbFoi++
txtResultat.value = chaineEnMaj;
}
i++;
}

}

bref, quelqu'un pourrait m'aider, ces la seule matière que je comprend pas et que j'ai vraiment besoin d'aide. Merci de vos réponse. :)