Bild per Javascript dauerhaft ändern?

Hi Leute, ich hoffe hier kann mir jemand helfen. Ich schreibe gerade aus Spaß an einer kleinen Website. Hier habe ich die zahlen 1-9 als pngs in eine Tabelle eingebunden. Jetzt möchte ich, dass sich das png bei einem Klick darauf zu einem anderen png ändert (durchgestrichene zahl) und man dabei auf eine andere Unterseite kommt. Die Änderung soll auch beim Neuladen der Website bestehen bleiben, also die Zahl soll durchgestrichen bleiben.

So sieht das momentan aus:

Hier der Html-Code von meiner Tabelle:

        <table>
          <tr>
            <td><img src="images/1.png" alt="1" class="nummern"></td>
            <td><img src="images/2.png" alt="2" class="nummern"></td>
            <td><img src="images/3.png" alt="3" class="nummern"></td>
          </tr>
          <tr>
            <td><img src="images/4.png" alt="4" class="nummern"></td>
            <td><img src="images/5.png" alt="5" class="nummern"></td>
            <td><img src="images/6.png" alt="6" class="nummern"></td>
          </tr>
          <tr>
            <td><img src="images/7.png" alt="7" class="nummern"></td>
            <td><img src="images/8.png" alt="8" class="nummern"></td>
            <td><img src="images/9.png" alt="9" class="nummern"></td>
          </tr>
        </table>

Hat jemand eine einfache Lösung für mich? Oder einen Tipp wie ich das am besten schreiben kann?

Wäre über Hilfe sehr dankbar!

Lg

Computer, Bilder, HTML, programmieren, CSS, JavaScript, Funktion, Webentwicklung
2 Antworten