[lapovsky]

Mirki da się to jakoś krócej zapisać nie używając jQ?

let input = document.querySelector('input');
let button = document.querySelector('button');
let dane;

button.addEventListener('click',function(){
dane = input.value;
})

#programowanie #javascript #webdev

[epi]

@lapovsky:
nie bardzo co tu jest już upraszczać ;)
jak Ci zależy na zmniejszeniu linijek kodu, to możesz tak:

let dane;
document.querySelector('button').addEventListener('click', () => { dane = document.querySelector('input').value; });

aczkolwiek cierpi na tym czytelność, więc nie polecam ;)

[lapovsky]

@epi: Chciałem się upewnić czy nie robię czegoś źle, dzięki wielkie za odpowiedź ;)

[Senthill]

@epi: Jakbyś zmienił arrowfnc na normalną to można użyć this.value zamiast kolejnego querySelectora ( ͡° ͜ʖ ͡°)

[epi]

@Senthill: nie, bo nie pobieramy value z buttona tylko z inputa ;)

[Senthill]

@epi: Zwracam honor ( ͡° ͜ʖ ͡°)

[K.....c]

@lapovsky: Polecam całe jQ w jednej linijce ( ͡° ͜ʖ ͡°)

const $ = s=> document.querySelectorAll(s);

[lapovsky]

@Krathac: Brzmi kusząco ale jestem w trakcie nauki JS a jQ ma całkiem inną składnie i boję się że zacznie mi się to mieszać. A fajnie rozwijać czyste JS żeby potem je wykorzystywać dalej. Chociaż sam już nie wiem , może serio powinienem poświęcić z tydzień i nauczyć się jQ

[K.....c]

@lapovsky: Funkcja wyżej to czysty JS w standardzie ES6, gdy często używasz querySelectora, to możesz sobie ułatwić życie i użyć takiej funkcji. Sam przez rok tłukłem czysty JS bez żadnych bibliotek, czy innych frameworków
Wklep sobie w konsole to i zobacz co zwraca

const $ = s=> document.querySelectorAll(s);
$('body')

i sam oceń czy Ci się przyda

[kubaw92]

Najpierw let dane, później pobieraj elementy DOM ale jako stałe (co st) zamiast zmiennych (let).

PS. Bardzo dobrze robisz, że nie uczysz się jQ tylko czystego JSa. jQ przydawalo się kiedyś. Dziś w dobie transpilerow typu Babel i rozwoju JSa przez ostatnie lata nie ma już potrzeby korzystania z jQ tak często jak dawniej o ile wogole.