Nom de l'entrée de l'utilisateur La sortie JavaScript est égale à la variable connectée à chaque lettre du nom.

Je voudrais utiliser une combinaison de .split () , Array .map () et Array .Join ()

Depuis que vous avez dit que vous êtes nouveau à JS, je vous dirigerais également de choisir Fonctions de la flèche que j'ai utilisées comme le .map () code> rappel. P>

p>

<div id="test">

</div>

Vous aurez besoin de boucler dans l'entrée code> code> et de définir la valeur dans la DIV. Laissez supposer, entrée code> est code> ID code> de votre entrée code> code> où vous entrez le nom.

html: p>

var data = {
 A: "Alpha",
 B: "Bravo",
 C: "Charlie",
 D: "Delta",
 E: "Echo",
 F: "Foxtrot",
 G: "Golf",
 H: "Hotel";,
 I: "India",
 J: "Juliett",
 K: "Kilo",
 L: "Lima",
 M: "Mike",
 N: "November",
 O: "Oscar",
 P: "Papa",
 Q: "Quebec",
 R: "Romeo",
 S: "Sierra",
 T: "Tanga",
 U: "Uniform",
 V: "Victor",
 W: "Whiskey",
 X: "X-ray",
 Y: "Yankee",
 Z: "Zulu"
}

document.getElelementById("input").addEventListener("change", function() {
    const input = this.value;
    let name = "";
    for(let i = 0; i < input.length; i++){
       name = `${name} ${data[input[i].toUpperCase()]}`;
    }
    document.getElementById("test").innerHTML = name;
})

Here the catch would be how should we able to get the variable value after splitting the work entered in the input.. Use eval('Z') which would evaluate that as a JS code , in this case a variable     
<code>
    var name = "Blake";
    var A = "Alpha";
    var B = "Bravo";
    var C = "Charlie";
    var D = "Delta";
    var E = "Echo";
    var F = "Foxtrot";
    var G = "Golf";
    var H = "Hotel";
    var I = "India";
    var J = "Juliett";
    var K = "Kilo";
    var L = "Lima";
    var M = "Mike";
    var N = "November";
    var O = "Oscar";
    var P = "Papa";
    var Q = "Quebec";
    var R = "Romeo";
    var S = "Sierra";
    var T = "Tanga";
    var U = "Uniform";
    var V = "Victor";
    var W = "Whiskey";
    var X = "X-ray";
    var Y = "Yankee";
    var Z = "Zulu"; 
    var nameArr = name.split("");
    var output="";
    for(var xx=0;xx<nameArr.length;xx++){
    console.log(nameArr[xx]);
    output+=eval(nameArr[xx].toUpperCase())+" ";
    }
    console.log(output); // Assign this value to a ID using innerHTML function
    </code>

Au lieu d'avoir chaque code comme nouvelle variable, vous pouvez par exemple utiliser un tableau (mieux serait une carte), puis vérifiez chaque lettre du nom Type de vérification si le tableau a un mot qui commence par cette lettre. , quelque chose comme ce qui suit:

p>

<input type="text" id="input" />
<div id="test"></div>