JS - Zmienna nie jest globalna?

pytanie zadane 9 lipca 2020 w JavaScript przez Bakkit Dyskutant (7,600 p.)
edycja 9 lipca 2020 przez Bakkit

Witam, mam o to taki kod:

var variable;

function funkcja() {
    const zmienna1 = $(".div1"+variable).value;
    const zmienna2 = $(".div2"+variable).value;
    const zmienna3 = $(".div3"+variable).value;
    console.log("zmienna1: "+zmienna1);
    console.log("zmienna2: "+zmienna2);
    console.log("zmienna3: "+Zmienna3);
}

$(".btn").click(function() {
    variable = this.dataset.target;
    console.log(variable);
    funkcja();
});

W skrócie: Po kliknięciu w button zmienna variable "dostaje wartość". Pod tym nadaniem wartości jest console.log, który zwraca poprawną wartość tej zmiennej. Natomiast w funkcji "funkcja" ta sama zmienna już zwraca wartość undefined. Proszę o pomoc.

@Edit: Dobra, faktycznie sprawdziłem jeszcze raz i to $(".div3"+variable).value zwracało undefined, a nie samo variable. Mój błąd. Natomiast dalej nie rozumiem dlaczego zwraca wartość undefined skoro pod .div1, .div2, .div3 kryje się textarea wraz z tekstem.

Kod html:

<textarea class="div1#item'"> Lorem ipsum </textarea>

"div1#item" to ta zespolona klasa ("#" to początek "variable").

console.log("div1"+variable) = div1#item

1	komentarz 9 lipca 2020 przez ScriptyChris Mędrzec (190,190 p.) Natomiast w funkcji "funkcja" ta sama zmienna już zwraca wartość undefined. Po czym stwierdzasz, że zmienna variable w funkcji funkcja ma wartość undefined?

komentarz 9 lipca 2020 przez Bakkit Dyskutant (7,600 p.)

Nie ma tego w kodzie, ale jak dodałem console.log(variable), zwróciła się wartość undefined.

1	komentarz 9 lipca 2020 przez ScriptyChris Mędrzec (190,190 p.) Czy możesz pokazać kod HTML, żeby można było przetestować całość?

komentarz 9 lipca 2020 przez Bakkit Dyskutant (7,600 p.)

Zaktualizowałem pytanie.

1	komentarz 9 lipca 2020 przez ScriptyChris Mędrzec (190,190 p.) Natomiast dalej nie rozumiem dlaczego zwraca wartość undefined skoro pod .div1, .div2, .div3 kryje się textarea wraz z tekstem. A czy te elementy pasują do selektorów, które są sklejone ze zmiennej variable?

komentarz 9 lipca 2020 przez Bakkit Dyskutant (7,600 p.)

Tak, sprawdzone w konsoli. Wszystko się zgadza z console.log

1	komentarz 9 lipca 2020 przez ScriptyChris Mędrzec (190,190 p.) To pokaż kod HTML pierwszego z tych elementów oraz pokaż wynik wywołania console.log('.div1' + variable).

komentarz 9 lipca 2020 przez Bakkit Dyskutant (7,600 p.)

Dodałem.

1 odpowiedź

odpowiedź 9 lipca 2020 przez Comandeer Guru (601,930 p.)
wybrane 9 lipca 2020 przez Bakkit

Najlepsza

A czemu robisz to w taki sposób, zamiast po prostu przekazać this.dataset.target bezpośrednio do funkcja, jako parametr?

Co do problemu: na pewno to variable jest undefined, czy może selektory są tworzone niepoprawnie?

Pokaż 7 poprzednich komentarzy

komentarz 9 lipca 2020 przez Bakkit Dyskutant (7,600 p.)

Dodałem kod.

1	komentarz 9 lipca 2020 przez Comandeer Guru (601,930 p.) Inna rzecz, że selektor .div1#item zostanie zinterpretowany jako element o klasie .div1 i identyfikatorze #item. Musiałbyś to przepuścić przez CSS.escape.

komentarz 9 lipca 2020 przez Bakkit Dyskutant (7,600 p.)

A czy istnieje funkcja, która zapisze do zmiennej wartość czegoś pomijając pierwszy znak? Dajmy na to: var imie = "Marzena"; var imieSkrocone = funkcja(imie), w tej drugiej zapisałoby się "arzena", bez pierwszej litery.

1	komentarz 9 lipca 2020 przez Comandeer Guru (601,930 p.) No tak, https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substr