Ændre text baseret på input (data parameter)

Hej Eksperter,

Jeg skal have ændret noget HTML, baseret på hvilken option der bliver valgt i en Dropdown menu.

Så nedenunder dropdown menuen, er der en Div med noget tekst, hvor at prisen skal ændre sig, afhængig af hvad der bliver valgt i dropdown menuen.

Den eneste måde jeg kan identificere det valgte på i dropdown, er via et data-attribute.

Jeg er i tvivl om hvordan jeg får ændret teksten. Nedenfor er min foreløbige kode, som jeg ikke kan få til at fungere.

<div class="selectric-scroll">
    <ul>
        <li data-index="0" class="disabled">Dækning *</li>
        <li data-index="1" class="selected highlighted">Ulykkesforsikring</li>
        <li data-index="2" class="last">Sygdomsforsikring</li>
    </ul>
</div>
<div id="showPrice"> [Pris skal stå her, afhængig af hvad der er valgt] </div>

<script>
document.querySelector("[data-index]").addEventListener("change", myFunction() {
    if([data-index] === 1) {
        document.getElementById("showPrice").innerHTML = "1000 kr."
    } else if ([data-index] === 2) {
        document.getElementById("showPrice").innerHTML = "2000 kr."
    } else () {
        document.getElementById("showPrice").innerHTML = "0 kr."
    }
});


Håber i kan hjælpe. På forhånd mange tak!