<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        function zamow()
        {
            var numer = document.getElementById("numer").value;
            var waga = document.getElementById("waga").value;
            var wynik = document.getElementById("wynik");

            if(numer<1 || numer>3) wynik.innerHTML = "Wybrano zły numer! Koszt kawy wynosi 0zł.";
            else
            {
                var koszt = 1;
                if(numer==1)
                {
                    koszt = waga * 5;
                    wynik.innerHTML = ("Koszt zamówienia wynosi "+koszt+"zł");
                }
                else if(numer==2)
                {
                    koszt = waga * 7;
                    wynik.innerHTML = ("Koszt zamówienia wynosi "+koszt+"zł");
                }
                else if(numer==3)
                {
                    koszt = waga * 6;
                    wynik.innerHTML = ("Koszt zamówienia wynosi "+koszt+"zł");
                }
            }
        }
    </script>
</head>
<body>
    <form>
        Numer kawy: <input type="number" id="numer"><br>
        Waga kawy: <input type="number" id="waga"><br>
    </form>
    <button onclick="zamow()">Zamów</button><br>
    <div id="wynik"></div>
</body>
</html>