jak odczytac inputa alertem z js

Question

Mam problem, mianowicie chodzi mi o to by pokazać value z inputa w alercie javascriptem. Mam taki kod, ale coś nie działa, pomoże ktoś?

 

function form1()
{
	var x = document.getElementsByName("miasto")[0].tagName;
	document.innerHTML = x;
}

<input name="miasto" type="text" value="Biała-Podlaska"><br>
<button onclick="form1()">Try it</button>

 

Answer 1

Twój kod próbuje pobrać nazwę tagu (czyli input) z pierwszego elementu na stronie, który ma [name=miasto] (czyli poprawnego pola) i przypisać go do document.innerHTML (co prawdopodobnie miało nadpisać całą treść strony, więc powinno wyglądać raczej document.body.innerHTML).

Polecam pobawić się raczej document.querySelector żeby dobrać się do pola i alert, żeby wyświetlić jego własność value. I poczytać przy okazji czemu [onclick] jest złe.

Answer 2

<input name="miasto" id="input" type="text" value="Biała-Podlaska"><br>

alert($("#input").val());

 

Comments

To jest twój problem, że widzisz kilka korzyści, a nie widzisz masy wad.

Jeśli stawiasz jakieś pseudo udogodnienie nad innymi, dużo ważniejszymi aspektami, to chyba nie dorosłeś jeszcze do programowania. Albo po prostu javascript jest dla ciebie za trudny.

Zdecydowanie lepiej jest napisać troszkę dłuższy, ale za to czystszy, ładniejszy i wydajniejszy kod.

A polecanie jakichkolwiek bibliotek osobie, która nie zna podstaw języka jest ZŁE. W ten sposób robisz tej osobie tylko krzywdę.

---

Pseudo udogodnienie ? Dlaczego pseudo? Jeżeli uważasz, że rozpisywanie się z javascriptem nad tak prozaicznym aspektem jak zwrócenie value no to masz nierówno w głowie. Oczywiście można było to napisać klasycznie, ale po co? Widzę, że nadal nie rozumiesz o co mi chodzi. Praktycznie każdy web developer korzysta choćby z takich metod jaką ja podałem, a nie bawi się w pisanie litani kodu nad błachą rzeczą. Ja rozumiem, że kod pisany w zwykłym js w większości przypadkach jest dużo szybszy, ale mówienie, że jest to bardziej przejrzyste i ładniejsze jest naprawdę nienormalne.

---

Można tylko dojść do wniosku, że brakuje ci doświadczenia i tyle.

Przykro mi, ale to

Praktycznie każdy web developer korzysta choćby z takich metod jaką ja podałem

jest tylko twoja wyobraźnia.

---

yhm.. to może powiesz mi jak jest naprawdę, niech pierwszy rzuci kamieniem ten, co nigdy używał, lub nie używa takich metod jak choćby $("#input").val()

Mam wrażenie, że nie chcesz nawet zrozumieć o co mi chodzi.

---

Ja tylko ci mówię, że do tak prostych rzeczy nie ma sensu używać zewnętrznych bibliotek.