heartBackground.html

<!DOCTYPE html>
<html>

<head>
    <title>Heart Background</title>
    <link href="./heartBackground.css" rel="stylesheet" type="text/css">
</head>

<body>
    <section class="container">
        <img src="normal.png" id="myImage">
        <p onclick="blooming()" id="word">Click for a secret message</p>
    </section>

    <!-- Paste your code in the script element below:  -->
    <script>
        function blooming() {
            let image = document.getElementById('myImage');
            let word = document.getElementById('word');

            if (image.src.match("normal")) {
                image.src = "hearts.png";
                word.style = "color: rebeccapurple";
                word.innerHTML = "Becca loves to code";
            } else {
                image.src = "normal.png";
                word.style.color = "lavender";
                word.innerHTML = "Becca creates things";
            }
        }
    </script>
</body>

</html>