所以我必须制作一个按钮来更改我所拥有的图像(然后我必须能够通过单击同一按钮将其更改回上一个图像(。然而，当图像发生变化时，它不会显示。这是代码，如果放得不好，请记住这是我第一次使用这个网站。
//FUNCTIONS
function changerPingouin(pingouin){
document.getElementById("pingouin").src='C:UsersnameDesktopimages1/pingouin_rouge_grand.png';
}
<body>
<img src='C:UsersnameDesktopimages1/pingouin_grand.png' id="pingouin">
<img src='C:UsersnameDesktopimages1/pingouin_rouge_grand.png' id="pingouin_rouge">
<button onclick="changerPingouin();">
Changer de Pingouin
</button>
第一个图像显示，我有其他功能可以使用它。但是，当我点击按钮时，它不会显示其他图像。由于这个原因，我还没有开始再次点击按钮将图像更改回第一个"pingouin_grand"的部分。谢谢。
错误：
/C:/UsersnameDesktopimages1/pingouin_rouge_grand.png:1 GET file:///C:/UsersnameDesktopimages1/pingouin_rouge_grand.png net::ERR_FILE_NOT_FOUND Image (async) changerPingouin @ Module_8PLs.html:21 onclick @ Module_8PLs.html:89
从错误中，由于读取的路径为C:/UsersnameDesktopimages1/pingouin_rouge_grand.png，因此找不到该文件。目录之间没有反斜杠。
反斜杠需要转义。在JavaScript中，反斜杠用于转义特殊字符，例如换行符(n)。如果要使用字面反斜杠，则必须使用双反斜杠。尝试将图像源更改为'C:\Users\name\Desktop\images1\pingouin_rouge_grand.png'。对第一个图像执行相同操作。