如何使用 javascript 更改段落的顏色

Question

我一直在努力尋找可以使這項工作發揮作用的東西，但是經過一個小時的嘗試后，我來到了這里。

這是 HTML 代碼：

    <table>
      <tr>
        <th style="font-size: 17px;">Χρώμα</th>
      </tr>
      <tr style="border-collapse: collapse;">
        <td style="font-size: 15px;">
          Μαύρο <input type="radio" name="Color" onchange="myBlack()" checked/>
          Κόκκινο <input type="radio" name="Color" onchange="myRed()"/>
          Μπλέ <input type="radio" name="Color" onchange="myBlue()"/>
        </td>
      </tr>
    </table>

    <p id="paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

這是JS代碼：

function myBlack() {
  document.getElementById("paragraph").style.color="#000000";
}

function MyRed() {
  document.getElementById("paragraph").style.color="#FF0000";
}

function MyBlue() {
  document.getElementById("paragraph").style.color="#0000FF";
}

從我所看到的情況來看，我正在使用的 JS 代碼是我正在嘗試做的最常用的代碼，但它仍然無法正常工作。 如您所見，我有三個單選按鈕，我想做的是，當您單擊第二個單選按鈕時，顏色將變為應有的顏色，但沒有任何反應，顏色也不會改變。

如果您有任何建議，請務必留下。 感謝您的時間。

Answer 1

function 名稱在 javascript 中拼寫錯誤。 檢查第一個字母，您在 HTML 上有myRed() ，在 javascript 上有 MyRed( ) ，對於myBlue()/MyBlue() 也是如此。