Wątek przeniesiony 2022-12-24 22:42 z JavaScript przez Riddle.

Pole jednorazowego wyboru

0

Witam Szanownych Forumowiczów.
Niedawno zacząłem naukę JavaScriptu na studiach, jest to mój pierwszy kontakt z tym językiem.
Dostaliśmy zadanie napisać pewną małą funkcję, w której wybieramy produkt z listy, podajemy jego ilość i w zamian dostajemy "koszt" całości.
Próbowałem różnych sposobów, sprawdzałem fora polskie i zagraniczne, yt i nawet kontaktowałem się z wykładowcą wysyłając mu kod, ale kiedy poprawiłem to, co mi kazał zrobić i tak nic się nie zmieniło. Męczę się z tym już któryś dzień i nic nie przychodzi do głowy.
Liczę, że mądre głowy znajdą błąd w tym paskudztwie, które piszę ;)

<body>
    <select id="wybor" name="wybor">
        <option value="">--Złóż zamówienie--</option>
        <option value="prod1">PROD_1</option>
        <option value="prod2">PROD_2</option>
        <option value="prod3">PROD_3</option>
        <option value="prod4">PROD_4</option>
    </select>
    <input type="number" name="ilosc" min="0" id="ilosc" placeholder="Podaj zamawianą ilość:">
    <script>
        function suma(a, b) {
            var a = document.getElementById("ilosc")
            var b = document.getElementById("wybor")
            if (b == "prod3") {
                console.log("Produkt niedostępny")
            } else if (b === "prod1") {
                var razem = 12.00 * a
                console.log(razem)
            } else if (b === "prod2") {
                var razem = 2.00 * a
                console.log(razem)
            } else if (b === "prod4") {
                var razem = 99.00 * a
                console.log(razem)
            }
            return razem
            alert(razem)
        }
    </script>

   <button id="oblicz" onclick="suma(ilosc, wybor)">Oblicz!</button>

</body>
2

W b siedzi cały element <select>, a Ty traktujesz go jak wybraną wartość.

Wpisz w Google "js how to use select". Pierwszy link z Google pod tym hasłem: https://www.javascripttutorial.net/javascript-dom/javascript-select-box/

0

Dziękuję, zamieniłem:

var a = document.getElementById("ilosc")
var b = document.getElementById("wybor")

na:

var a = document.getElementById("ilosc").value;
var b = document.getElementById("wybor").value;

i wszystko zaczęło działać ;)

No i poczytałem trochę, póki co to co mam mi wystarczy, ale też widzę nad czym muszę posiedzieć :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1