Javascript 当我们点击一个特定的字母表时，它应该会显示相关的图像_Javascript_Html

Javascript 当我们点击一个特定的字母表时，它应该会显示相关的图像

javascript html

Javascript 当我们点击一个特定的字母表时，它应该会显示相关的图像,javascript,html,Javascript,Html,我尝试使用java脚本。。当我点击字母表时，我看不到图像。我对java脚本非常陌生。感谢您的帮助 function iterateAlphabet(var index) { var nextChar; var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; for(var index=0; index<str.length; index++) {

我尝试使用java脚本。。当我点击字母表时，我看不到图像。我对java脚本非常陌生。感谢您的帮助

    function iterateAlphabet(var index)
{
        var nextChar;
        var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
            for(var index=0; index<str.length; index++)
            {
                nextChar = str.charAt(index);
                break;
            }
        return nextChar;
    }

    function getCharacter(var index)
        var  character = document.getElementById("alphabetA");
        character.innerText=iterateAlphabet(index);
}
    </script>
</head>

<body>
    <table>
        <tr>
        <td><input type="image" src="imgs\\1.jpg" alt="a"  id="alphabetA"  onclick ="iterateAlphabet('0')" value="Apple"></input></td>
    </table>

函数迭代法（var索引）
{
var nextChar；
var str=“abcdefghijklmnopqrstuvxyz”；
对于（var index=0；index请尝试此函数
（函数iterateAlphabet（）{
})（）
HTML结构（根据需要设置样式，只需保留元素的id，或者根据需要在HTML和js中更改它们）：

A.

Javascript:
i = 0;

function iterateAlphabet()
{
  var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
  if (i < str.length)
  {
    i++;
    var nextChar = str.charAt(i);

document.getElementById("letters").innerHTML = nextChar;
    document.getElementById("alpha").src = nextChar + '.jpg';



    if (i == str.length - 1)
    {

      i = -1;

    }
  }

}

i=0；
函数iterateAlphabet（）
{
var str=“abcdefghijklmnopqrstuvxyz”；
如果（i

最重要的：-您应该在同一目录中有名为A.jpg、B.jpg等的图像，这将起作用。
这段代码的作用是什么？我看到的第一个问题是src应该是“imgs/1.jpg”
也就是说，正如David指出的那样，这种结构本身并没有多大意义，或者为什么你要向函数传递一个数字来查找一个字母，而不是简单地向它传递“a”。你会为页面上的每个字母都设置单独的按钮吗？或者（我有这种感觉），您想在单击同一链接时更改所有图像/字母吗？我不确定您需要什么，但您的代码在函数getCharacter（var index）
<table>
        <tr>
        <td id="letters" onclick ="iterateAlphabet()">

        A
        </td>
        <td> <img src='A.jpg' id="alpha" ></td>
    </table>

i = 0;

function iterateAlphabet()
{
  var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
  if (i < str.length)
  {
    i++;
    var nextChar = str.charAt(i);

document.getElementById("letters").innerHTML = nextChar;
    document.getElementById("alpha").src = nextChar + '.jpg';



    if (i == str.length - 1)
    {

      i = -1;

    }
  }

}