LearnWithAlphabets/script.js at master · OnkarAshokWarade/LearnWithAlphabets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function showImage(letter) {
    var word = "";

    if (letter === "A") word = "Apple";
    else if (letter === "B") word = "Ball";
    else if (letter === "C") word = "Cat";
    else if (letter === "D") word = "Dog";
    else if (letter === "E") word = "Elephant";
    else if (letter === "F") word = "Frog";
    else if (letter === "G") word = "Goat";
    else if (letter === "H") word = "Horse";
    else if (letter === "I") word = "Ice Cream";
    else if (letter === "J") word = "Jug";
    else if (letter === "K") word = "Kite";
    else if (letter === "L") word = "Lion";
    else if (letter === "M") word = "Monkey";
    else if (letter === "N") word = "Nest";
    else if (letter === "O") word = "Owl";
    else if (letter === "P") word = "Parrot";
    else if (letter === "Q") word = "Queen";
    else if (letter === "R") word = "Rat";
    else if (letter === "S") word = "Ship";
    else if (letter === "T") word = "Toy";
    else if (letter === "U") word = "Umbrella";
    else if (letter === "V") word = "Van";
    else if (letter === "W") word = "Watermelon";
    else if (letter === "X") word = "Xylophone";
    else if (letter === "Y") word = "Yak";
    else if (letter === "Z") word = "Zebra";

    var imgPath = "src/" +letter.toLowerCase() + "1.jpg";
    var displayDiv = document.getElementById("image-display");
    displayDiv.innerHTML = "<h2>" + word + "</h2>" +
      "<img src='" + imgPath + "' alt='" + letter + " Image' onerror=\"this.onerror=null;this.src='Src/placeholder.jpg';\">";
  }