使用內部html切換段落

Question

當有人單擊我地圖上的特定坐標時，我試圖在一個div中更改圖像，在另一個div中更改段落文本。

我當前的代碼：

JS

function myFunction(location_01)
{document.getElementById("location").innerHTML = "location 1 - paragraph 1";}
{document.getElementById("overview").innerHTML = "overview 1 - paragraph 1";}
{document.getElementById("distance").innerHTML = "distance 1 - paragraph 1";}

function myFunction(location_02)
{document.getElementById("location").innerHTML = "location 2 - paragraph 2";}
{document.getElementById("overview").innerHTML = "overview 2 - paragraph 2";}
{document.getElementById("distance").innerHTML = "distance 2 - paragraph 2";}

// etc

HTML

<area shape="circle" coords="421,483,13" href="#" alt="alt1"
onclick="MM_swapImage('pic_01','','pic1.png',1)";"myFunction('location_01')" />
<area shape="circle" coords="395,475,12" href="#" alt="alt2"
onclick="MM_swapImage('pic_01','','pic2.png',1)","myFunction('location_02')"/>

我的圖像變化很好，但是我的段落更改似乎不起作用。

任何幫助將非常感激。

Answer 1

您太早關閉括號，只需要一個功能。

function myFunction(num)
{
    num = parseInt(num);
    document.getElementById("location").innerHTML = "location " + num + " - paragraph " + num;
    document.getElementById("overview").innerHTML = "overview " + num + " - paragraph " + num;
    document.getElementById("distance").innerHTML = "distance " + num + " - paragraph " + num;
}

還要修復以下引號：

<area shape="circle" coords="421,483,13" href="#" alt="alt1" onclick="MM_swapImage('pic_01','','pic1.png',1);myFunction('01')" />
<area shape="circle" coords="395,475,12" href="#" alt="alt2" onclick="MM_swapImage('pic_01','','pic2.png',1),myFunction('02')"/>