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

Skrypt JS z egzaminu E.14-06-19.06

VPS Starter Arubacloud
0 głosów
1,922 wizyt
pytanie zadane 28 grudnia 2019 w JavaScript przez Pikus Nowicjusz (160 p.)

Napisałem taki skrypt siedzę nad nim już ładną chwile i nie mogę znaleźć błędu pomoże ktoś albo nakieruje na lepsze rozwiązanie.W skrócie ma on wyświetlić pod formularzem informacje wpisane do niego.

java

<script>
function wyslij(){
var a = document.getElementById("imie");
var b = document.getElementById("nazwisko");
var c = document.getElementById("email");
var d = document.getElementById("usluga");
document.getElementById("demo").innerHTML = a+" "+b+"<br>"+c+"<br>Usługa: "+d;
}
</script>

HTML formularz

<div>
<form name="jedne">
Imię:    <input type="text" name="imie" id="imie"><br>
Nazwisko:<input type="text" name="nazwisko" id="nazwisko"><br>
E-mail:  <input type="text" name="email" id="email"><br>
Usługa:  <select name="usluga" id="usluga">
<option selected>Naprawa komputera</option>
<option>Odzyskiwanie danych</option>
<option>problemy z oprogramowaniem</option>
<option>Konfiguracja sieci lan</option>
<option>Inne</option>
</select><br>

<input type="checkbox" name="usługa">Wyślij kopię wiadomości<br>
<input type="reset" value="Reset"><button onclick="wyslij()">wyślij</button>
</form>
</div>
<div id="demo"></div>

 

2 odpowiedzi

0 głosów
odpowiedź 28 grudnia 2019 przez Michałełe Nałogowiec (25,600 p.)

Witam

Nie wyświetla nic, ponieważ dla formularza gdy klikasz w button'a próbuje on przesłać ten formularz ( zauważ, iż w Twojej wersji URL mu się zmienia - zmienne otrzymują wartości).

Wystarczy w funkcji zatrzymać te automatyczne zdarzenia wywołując metodę preventDefault().

<script>
function wyslij( event){

event.preventDefault();

var a = document.getElementById("imie");
var b = document.getElementById("nazwisko");
var c = document.getElementById("email");
var d = document.getElementById("usluga");

document.getElementById("demo").innerHTML = a.value +" "+ b.value +"<br>"+ c.value +"<br>Usługa: "+d.value;
}
</script>

Nie zapomnij jeszcze zmienić w HTML

<input type="reset" value="Reset"><button onclick="wyslij( event)">wyślij</button>

 

0 głosów
odpowiedź 28 grudnia 2019 przez Pikus Nowicjusz (160 p.)

twoja poprawka nic mi nie dała spojrzałem jeszcze raz na spokojnie i poprawiłem wklejam jak by ktoś szukał rozwiązania

<html>
<head>
<title>Tytuł strony</title>
<link rel="stylesheet" href="styl.css" type="text/css"/>
<script>
function wyslij(){
var a = document.getElementById("imie").value;
var b = document.getElementById("nazwisko").value;
var c = document.getElementById("email").value;
var d = document.getElementById("usluga").value;
document.getElementById("demo").innerHTML = a+" "+b+"<br>"+c+"<br>Usługa: "+d;
}
</script>
</head>
<body>
<div>
Imię:    <input type="text" id="imie"><br>
Nazwisko:<input type="text" id="nazwisko"><br>
E-mail:  <input type="text" id="email"><br>
Usługa:  <select id="usluga">
<option selected>Naprawa komputera</option>
<option>Odzyskiwanie danych</option>
<option>problemy z oprogramowaniem</option>
<option>Konfiguracja sieci lan</option>
<option>Inne</option>
</select><br>

<input type="checkbox" id="usługa">Wyślij kopię wiadomości<br>
<input type="reset" value="Reset"><button onclick="wyslij()">wyślij</button>

</div>
<div id="demo"></div>

</body>
</html>

 

komentarz 28 grudnia 2019 przez Michałełe Nałogowiec (25,600 p.)

twoja poprawka nic mi nie dała

Doprecyzujesz? Mi kod działa, a w Twojej poprawce tylko usunąłeś znacznik <form>

komentarz 29 grudnia 2019 przez Pikus Nowicjusz (160 p.)
brakowało mi .value z tego co pamiętam

Podobne pytania

0 głosów
1 odpowiedź 6,206 wizyt
pytanie zadane 13 listopada 2019 w Egzaminy zawodowe przez Kiolo Nowicjusz (120 p.)
0 głosów
1 odpowiedź 2,762 wizyt
pytanie zadane 23 września 2019 w Egzaminy zawodowe przez wcmdk Nowicjusz (160 p.)
0 głosów
0 odpowiedzi 1,119 wizyt

92,770 zapytań

141,695 odpowiedzi

320,518 komentarzy

62,107 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

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!

...