Javascript 单击图像上的区域时显示文本的Onclick

我的网站有问题。我尝试在区域上单击，当我在图像上单击区域时，我想显示图像和文本。这是我的意思的一个例子：

这就是我迄今为止所创造的：

它应该显示一个不同的图像和文本，所以从什么我猜需要创建4个功能

我试着这么做是因为互联网上有好几个例子，但当我分配变量时，它不起作用

---

虽然我可以通过onclick创建文本和图像，但我不知道如何在该区域创建这些文本和图像。

有一个名为“display”的CSS属性，每个HTML元素都有自己的默认属性值（大多数是“block”，这意味着它们覆盖了整个X轴），但是您可以为该显示属性提供的一个值是“none”，这意味着它是隐藏的，您可以使用javascript在“none”（隐藏）和您想要的值之间切换

例如，请参见此处：