Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [js] Pobieranie wartości i wyświetlanie jej w innym miejscu
pikasso
post 25.06.2020, 12:20:45
Post #1





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 8.07.2008
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Witam wszystkich serdecznie,
niestety jestem słaby w JS i walczę z tym już kilka dni... potrzebowałbym skrypt, który pobierze mi wartość z jednego elementu i wklei w ddrugielement.

Mój kod wyświetlający cenę wygląda tak
  1. <span id="CenaNetto">
  2. <span class="Wartosc">10,00 zł</span>
  3. </span>
  4. <span id="CenaBrutto">
  5. <span class="Wartosc">12,30 zł</span>
  6. </span>
  7.  
  8. <div id="TwojaWartosc">Twoja wartość netto to: xxx</div>


Teraz chciałbym z pomocą Java Scriptu wkleić w diva id="TwojaWartosc" po tekście "Twoja wartość netto to:" 10,00 bez zł
Napisałem taki skrypt, aby na początku pokazywał chociaż alert

  1. <script type="text/javascript">
  2. function TwojaWartosc() {
  3. var PodajCene = document.getElementById('CenaNetto"').getElementsByClassName('Wartosc');
  4. alert (PodajCene);
  5. }
  6. window.onload = TwojaWartosc;


Ale otrzymuję następujący komunikat w alercie [object HTMLCollection]

Jest ktoś na forum, kto chociaż trochę byłby w stanie mi pomóc?


--------------------
https://krasniej.pl Kancelaria Adwokacka Gocław Warszawa
Go to the top of the page
+Quote Post
trueblue
post 25.06.2020, 12:40:06
Post #2





Grupa: Zarejestrowani
Postów: 5 875
Pomógł: 1612
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Jest literówka w argumencie dla getElementById, ale nie ma znaczenia wobec całej konstrukcji.

https://developer.mozilla.org/pl/docs/Web/A...t/querySelector


--------------------
Go to the top of the page
+Quote Post
pikasso
post 25.06.2020, 13:24:44
Post #3





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 8.07.2008
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Dzięki za wsparcie, zmieniłem trochę kod ale dalej mam pewien problem.

Obecnie wygląda on tak:

  1. <script type="text/javascript">// <![CDATA[
  2.  
  3. $(document).ready(function () {
  4.  
  5. var x = document.getElementById("CenaNetto");
  6. x.querySelector(".Wartosc");
  7.  
  8.  
  9. mycode = 2000 - x;
  10.  
  11. var html =
  12. '<div class="alert alert-success">Do zgarnięcia nagrody brakuje tylko: ' + mycode + ' zł</div>';
  13.  
  14. $('.main').append(html);
  15. });
  16. // ]]></script>


Po wszystkim wyskakuje mi teraz: "Do zgarnięcia nagrody brakuje tylko: NaN zł"

Wiem, że moja pobrana wartość to "10,00 zł" ale jak to teraz zamienić na cyfrę aby ta część kodu mogła się poprawnie przeliczyć?

  1. mycode = 2000 - x;


Z góry dzięki


--------------------
https://krasniej.pl Kancelaria Adwokacka Gocław Warszawa
Go to the top of the page
+Quote Post
trueblue
post 25.06.2020, 13:27:16
Post #4





Grupa: Zarejestrowani
Postów: 5 875
Pomógł: 1612
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


1. Zobacz jaki selektor można podstawić jako argument dla querySelector.
2. Zobacz co zwraca metoda querySelector.
3. Jeśli używasz jQuery, to używaj metod z tej biblioteki. Jeśli czystego JS, to czystego.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 9.07.2020 - 22:40