Javascript a div

danek121 · 14 Lutego 2015

Witam serdecznie.

Mam taki skrypt, i gdzieś tam na dole w pliku(oczywiście nie będę go tu wrzucał), div'a, w którym chce wypisać mojego " x ", ale jest mały problem bo jeśli chce wypisać napis to jak najbardziej działa, ale nie wiem jak to zrobić ze zmienną, która siedzi w tej pętli.

Z góry dziękuje za pomoc.

function przedzial(){
            var liczbaA = document.getElementById("poleA").value;
            var liczbaB = document.getElementById("poleB").value;
            
    if(liczbaA<=liczbaB)
{
for (x=liczbaA;x<=liczbaB;x++)
document.getElementById("wynik2").innerHTML = "  "+ x;
}
else
{
for ( x=liczbaA;x>=liczbaB;x--)
document.getElementById("wynik2").innerHTML = "  "+ x;
}
                                }

Edytowane 14 Lutego 2015 przez danek121

yormundur · 15 Lutego 2015

Wstawianie zmiennej za pomocą innerHTML jest prawidłowo napisane i pobieżnie przeglądając kod on też jest prawidłowy. Spróbuj diagnozę przeprowadzić wstawiając w niektórych punktach alert('xxxx); i sprawdź gdzie funkcja dochodzi, a gdzie nie.

Karister · 15 Lutego 2015

Ciężko jest znaleźć błąd, skoro nie zamieszczasz pliku, który nie działa. JS (nie) działa z HTML, którego nie zamieściłeś.

Moja interpretacja od A do Z:

<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
	<script>
	$( document ).ready(function() {
		$("#button").click(function(event)
		{
			event.preventDefault();
			przedzial();
		});
	});
	
	function przedzial(){
		var liczbaA = parseInt( $("#poleA").val() );
		var liczbaB = parseInt( $("#poleB").val() );

		if (liczbaA > liczbaB)
		{
			var tmp = liczbaB;
			liczbaB = liczbaA;
			liczbaA = tmp;
		}
		
		$("#wynik").empty();
		for (x = liczbaA; x <= liczbaB; x++)
		{
			$("#wynik").append(x + " ");
		}
	}
	</script>
	<style>
	#wynik
	{
		height: 30px;
		width: 100px;
		background: #ababab;
		border: 1px solid #000;

	}
	</style>
</head>

<body>
	<form>
		<div>
			<input id="poleA" value="10" />
		</div>
		<div>
			<input id="poleB" value="15" />
		<div>
		<button id="button">click</button>
	</form>
	<div>
		Wynik: <span id="wynik" />
	</div>
</body>

</html>

Edytowane 15 Lutego 2015 przez Karister

danek121 · 16 Lutego 2015

Dzięki wszystkim za pomoc, błąd był w pliku html, a dokładnie w kodzie onclick gdzie funkcja była źle nazwana tak więc temat do zamknięcia

szatkus · 16 Lutego 2015

Wstawianie zmiennej za pomocą innerHTML jest prawidłowo napisane i pobieżnie przeglądając kod on też jest prawidłowy. Spróbuj diagnozę przeprowadzić wstawiając w niektórych punktach alert('xxxx); i sprawdź gdzie funkcja dochodzi, a gdzie nie.

Alert? Lepiej niech się nauczy obsługiwać debugger zamiast stosować jakieś chałupnicze metody...

Zaloguj się

Javascript a div

Recommended Posts

danek121 0

Link to post

Share on other sites

yormundur 3

Link to post

Share on other sites

Karister 837

Link to post

Share on other sites

danek121 0

Link to post

Share on other sites

szatkus 282

Link to post

Share on other sites

Dołącz do dyskusji

Ostatnio przeglądający 0 użytkowników