• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Zwracanie funkcji w js

VPS Starter Arubacloud
+1 głos
293 wizyt
pytanie zadane 27 czerwca 2020 w JavaScript przez Adryjan Nowicjusz (200 p.)
    Kontrast: <input type="number" id="kontrast" onblur="kontrast()" />
    Szarosc: <input type="number" id="szarosc" />
    jasnosc <input type="number" id="jasnosc" />
    
    <span id="m"></span>
    
    <script>
    
        
        
        function kontrast(){
           var a= document.getElementById("kontrast").value;
           return a
           
        }
        
        document.getElementById("m").innerHTML=kontrast();
        
        
    </script>

Problem polega na tym, że żadna wartość tej funkcji nie pojawia się, natomiast, jeśli wypisze w tej funkcji wypisuje poprawną wartość, wie ktoś jak temu zaradzić ??

1 odpowiedź

+1 głos
odpowiedź 27 czerwca 2020 przez VBService Ekspert (251,210 p.)

Musisz ustawić wartość początkową dla value.

Kontrast: <input type="number" id="kontrast" value="0" onblur="kontrast()" />
Szarosc: <input type="number" id="szarosc" value="0" />
jasnosc <input type="number" id="jasnosc" value="0" />

 

komentarz 27 czerwca 2020 przez VBService Ekspert (251,210 p.)
Kontrast: <input type="number" id="kontrast" value="0" onblur="kontrast()" />
Szarosc: <input type="number" id="szarosc" value="0" />
jasnosc <input type="number" id="jasnosc" value="0" />

<span id="m"></span>

<script>
    window.onload = function() {
        // Pierwsze wywołanie funkcji kontrast()
        //  dopiero gdy cała strona jest załadowana 
        kontrast();
    }

    function kontrast() {
        let a = document.getElementById("kontrast").value;
        document.getElementById("m").innerHTML = a;
    }
</script>

<input type="number"> ]

komentarz 27 czerwca 2020 przez VBService Ekspert (251,210 p.)
edycja 27 czerwca 2020 przez VBService

A taki bonusik, ... wink


Kontrast: <input type="number" id="kontrast" value="0" min="0" max="255" />
Szarosc: <input type="number" id="szarosc" value="0" min="0" max="255" />
Jasnosc: <input type="number" id="jasnosc" value="0" min="0" max="255" />

<span id="m"></span>

<style>
    input:not([type]), input[type="number"] {
        width: 50px;
    }
    span {
        font-weight: bold;
        font-size: 18px;
    }
    span i {
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
    }
    span i:nth-child(1) {
        color: red;
    }
    span i:nth-child(2) {
        color: green;
    }
    span i:nth-child(3) {
        color: blue;
    }
</style>

<script>
    let  k, s, j;

    window.onload = function() {

        k = document.getElementById("kontrast").value;
        s = document.getElementById("szarosc").value;
        j = document.getElementById("jasnosc").value;

        const input1 = document.getElementById("kontrast");
        input1.addEventListener('change', ({target}) => {
            m(target.id, target.value);
        });
        input1.addEventListener('input', ({target}) => {
            m(target.id, target.value);
        });


        const input2 = document.getElementById("szarosc");
        input2.addEventListener('change', ({target}) => {
            m(target.id, target.value);
        });
        input2.addEventListener('input', ({target}) => {
            m(target.id, target.value);
        });

        const input3 = document.getElementById("jasnosc");
        input3.addEventListener('change', ({target}) => {
            m(target.id, target.value);
        });
        input3.addEventListener('input', ({target}) => {
            m(target.id, target.value);
        });
    }

    function m(id, value) {
        if(value == "") value = 0;

        switch(id) {
            case "kontrast":
                k = value;
            break;
            case "szarosc":
                s = value;
            break;
            case "jasnosc":
                j = value;
            break;
        }

        value = `[ <i>${k}</i> ] [ <i>${s}</i> ] [ <i>${j}</i> ]`;
        document.getElementById("m").innerHTML = value;
    }
</script>

komentarz 27 czerwca 2020 przez Adryjan Nowicjusz (200 p.)

@VBService, Super, bardzo dziękuję :)

komentarz 27 czerwca 2020 przez Comandeer Guru (599,730 p.)

@VBService, nie ma potrzeby czekania na load, zwłaszcza jeśli kod JS jest pod elementami, których dotyczy.

Podobne pytania

0 głosów
1 odpowiedź 241 wizyt
pytanie zadane 26 sierpnia 2019 w JavaScript przez Whereismycode Obywatel (1,710 p.)
0 głosów
1 odpowiedź 1,736 wizyt
pytanie zadane 26 listopada 2020 w C i C++ przez mik53r Nowicjusz (150 p.)
0 głosów
1 odpowiedź 560 wizyt
pytanie zadane 25 kwietnia 2020 w C i C++ przez Anahan89 Obywatel (1,270 p.)

92,453 zapytań

141,262 odpowiedzi

319,086 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...