Javascript 使用键盘(JS)更改页面内容(使用图像)

Javascript 使用键盘(JS)更改页面内容(使用图像),javascript,image,text,keyboard,Javascript,Image,Text,Keyboard,所以我在玩JS,我做了一些东西,当我按下一个键时,它会显示那个字母。因此,如果我按键盘上的A,键盘上会出现KeyA,但我想知道当我改按A时是否可能出现图像。提前感谢只需使用div而不是并向其附加动态生成的图像。也不要每次函数没有意义时都重新声明它。改用开关/外壳并检查钥匙代码: let div=document.getElementById(“img”); window.onkeypress=功能(e){ 开关(e.code){ //我刚写了字母A,但你明白了 案例“KeyA”: 设img=d

所以我在玩JS,我做了一些东西,当我按下一个键时,它会显示那个字母。因此,如果我按键盘上的A,键盘上会出现KeyA,但我想知道当我改按A时是否可能出现图像。提前感谢只需使用div而不是并向其附加动态生成的图像。也不要每次函数没有意义时都重新声明它。改用开关/外壳并检查钥匙代码:

let div=document.getElementById(“img”);
window.onkeypress=功能(e){
开关(e.code){
//我刚写了字母A,但你明白了
案例“KeyA”:
设img=document.createElement(“img”);
img.src=”https://etc.usf.edu/presentations/extras/letters/fridge_magnets/red/11/A-300.png"
img.style=“宽度:70px;高度:100px;”
儿童分部(img)
打破
}
}

只需使用div而不是,并向其附加动态生成的图像。而且,您的代码没有任何意义。所有这些功能都是无用的。括号中的字母只是一个变量,它不代表任何字母。您需要查看密钥代码。谢谢@John