IMG Info will not show

I am developing a status website for OyoSoft Domains, and I am working on a maintenance banner which appears at the top of the page in yellow. Above the maintenance text, there should be a small image called “info.png”. But it isn’t showing. My code is in three separate files, status.js, layout.css, and index.html. Can someone please troubleshoot this? I honestly have no idea why it isn’t showing.

1 Like

I’m not a very good JavaScript developer, but it seems like you might be overriding the div which has your image inside it with the .maintenance-message class with

<div class="maintenance-message">
    <h2><img class="maintenance" src="info.png" alt="down"></h2>
    document.querySelector(".maintenance-message").innerHTML = "OONA is currently undergoing maintenance. Please check back later.";

Simply changing “=” to “+=” should solve the issue.

Also, the image will appear extremely small due to this CSS rule.

.maintenance {

Hope this solves your problem!