[js] Pobieranie wartości i wyświetlanie jej w innym miejscu Opcje

[pikasso]

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

[HTML] pobierz, plaintext 
<span id="CenaNetto">
	<span class="Wartosc">10,00 zł</span>
</span>
<span id="CenaBrutto">
	<span class="Wartosc">12,30 zł</span>
</span>
 
<div id="TwojaWartosc">Twoja wartość netto to: xxx</div>
[HTML] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
<script type="text/javascript">
        function TwojaWartosc() {
            var PodajCene = document.getElementById('CenaNetto"').getElementsByClassName('Wartosc');
			alert (PodajCene);
        }
        window.onload = TwojaWartosc;
</script>
[HTML] pobierz, plaintext 

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

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

[trueblue]

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

[pikasso]

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

Obecnie wygląda on tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">// <![CDATA[
 
$(document).ready(function () {
 
var x = document.getElementById("CenaNetto");
  x.querySelector(".Wartosc");
 
 
  mycode = 2000 - x;
 
var html = 
'<div class="alert alert-success">Do zgarnięcia nagrody brakuje tylko: ' + mycode + ' zł</div>';
 
		$('.main').append(html);
			});
// ]]></script>
[HTML] pobierz, plaintext 

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ć?

[HTML] pobierz, plaintext 
 mycode = 2000 - x;
[HTML] pobierz, plaintext 

Z góry dzięki

[trueblue]

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.