<script>
    function fun1()
    {
        var result = document.getElementById("result");
        var r1 = document.getElementById("r1");
        var r2 = document.getElementById("r2");
        var r3 = document.getElementById("r3");
        var r4 = document.getElementById("r4");
        //
        var koszt = 0;
        //
        if (r1.checked) koszt = 25;
        if (r2.checked) koszt = 30;
        if (r3.checked) koszt = 40;
        if (r4.checked) koszt = 50;
        //
        result.innerHTML = koszt;
    }
</script>
<div style="border: 2px solid black;">
<h3>Dziś promocja</h3>
<form>
    <input type="radio" name="r" id="r1"> Krótkie<br>
    <input type="radio" name="r" id="r2"> Średnie<br>
    <input type="radio" name="r" id="r3"> Półdługie<br>
    <input type="radio" name="r" id="r4"> Długie<br>
    <input type="button" value="Odkryj promocję" onclick="fun1()">
</form>
</div>

Cena strzyżenia: <span id="result">0</span>