Problem ze zmienną.

pytanie zadane 3 lipca 2021 w JavaScript przez magic84 Nowicjusz (140 p.)

Witam!

Jestem początkującym front-endowcem i wpadłem na dość nietypowy pomysł, mianowicie sklep internetowy który zamówienia wraz z danymi wysyła na e-mail właściciela strony. Niestety problemy pojawiły się na samym początku. Chciałem wyświetlić wartość zmiennej imie na ekranie, próbowałem na wiele sposobów, ale nic nie zadziałało.

<!DOCTYPE html>
<html>

<head>

<script type="text/javascript">

var imie;
function imieprzypisz () {
var imie=document.getElementById("imiepole");
alert(imie);
}

</script>

</head>

<body bgcolor=000000>

<input type="text" id="imiepole" />
	<input type="submit" value="Gotowe" onclick="imieprzypisz ()"/>

</body>

</html>

2 odpowiedzi

odpowiedź 3 lipca 2021 przez Wiciorny Ekspert (270,110 p.)

Zwróć uwagę, patrz w konsole po błędach nie znajduje funkcji bo nawiasy są za daleko, a mają przynależeć do wyrażenia
w ten sposób

<input type="submit" value="Gotowe" onclick="imieprzypisz()"/>

Dodatkowo wyświetlasz pobierany element, a nie jego wartość

alert(imie.value); // value obiektu

tutaj masz działający kod, zwróć uwagę na zmiany. Kod w edytorze nie zadziała jeśli przejdziesz na Codepen bo domyślnie wybrałeś temat javascript, przeklej kod do html'a i zobacz rezultat, ewnetulanie funkcje definiuj w plikach JS, natomiast html tam gdzie html :)

<!DOCTYPE html>
<html>
<head>
 
<script type="text/javascript">
 
var imie;
function imieprzypisz () {
var imie=document.getElementById("imiepole");
alert(imie.value);
}
 
</script>
 
</head>
 
<body bgcolor="000000">
 
<input type="text" id="imiepole" />
    <input type="submit" value="Gotowe" onclick="imieprzypisz()"/>
 
</body>
 
</html>