Why is my script in chrome extension not launching?

Question

I'm learning how to build a chrome extension. Here is my html file :

<html>

<head>

</head>

<body>
    <div></div>
                <h3 style="
                font-family: arial;
                text-align: center;
                /* margin-right: auto; */
                margin-left: left;
                margin-top: 22px;
            ">Preview the different parts of this video</h3>

                    <div style="
                    margin-left: 188px;
                ">
                        <img alt="" src="http://alexoliveira.me/Hawaii/images/chevron-left.png" style="
                    inline-size: 5%;
                    padding-bottom: 133px;
                    padding-right: 50px;
                    ">


                        <img src="http://img.youtube.com/vi/9i1wbo3Ip2Q/0.jpg" alt="Image test" style="
                    display: inline;
                    margin-left: auto;
                    margin-right: auto;
                "><img alt="" src="http://alexoliveira.me/Hawaii/images/chevron-right.png" style="
                    inline-size: 5%;
                    padding-bottom: 133px;
                    padding-left: 50px;
                    ">
                    </div>


  

</body>

<script>document.getElementsByTagName("h3")[0].innerText = "test"; </script>


</html>

However my script is not running when I open up the extension. I should see the wording of my h3 changed because of the script but it doesn't. Any idea why ? Thx

Why is my script in chrome extension not launching?

0 Answers0