onClick dentro de la extensión de Chrome no funciona

Esto parece ser lo más fácil de hacer, pero simplemente no funciona. En un navegador normal, los archivos .html y .js funcionan perfectamente, pero en la extensión Chrome elonClick La función no está realizando lo que se supone que debe hacer.

archivo .js:

function hellYeah(text) {
  document.getElementById("text-holder").innerHTML = text;
}

archivo .html:

<!doctype html>
<html>
  <head>
    <title>
      Getting Started Extension's Popup
    </title>
    <script src="popup.js"></script>
  </head>
  <body>
    <div id="text-holder">
      ha
    </div>
    <br />
    <a onClick=hellYeah("xxx")>
      hyhy
    </a>
  </body>
</html>

Básicamente, una vez que el usuario hace clic en "hyhy", "ha" debería cambiar a "xxx". Y de nuevo, funciona perfectamente en el navegador pero no funciona en la extensión. ¿Sabes por qué? Por si acaso adjunto también el manifiesto.json a continuación.

¡Gracias por adelantado!

manifest.json:

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "http://api.flickr.com/"
  ]
}

Respuestas a la pregunta(4)

Su respuesta a la pregunta