☰

» »

[JavaScript] Spreminjanje ozadja

[JavaScript] Spreminjanje ozadja

Cvenemir ::

Napišite JavaScript, ki nas bo vprašal kako nam je ime. Ko vpišemo ime se nam izpiše v dokumentu HTML. Če se ime začne z 'R' bo ozadje postalo rdeče, če pa z 'G' zeleno, če z 'B' modro, če pa z katerokoli drugo črko pa rumeno.

Poskusil sem s tem, a nikakor ne spremeni barve ozadja imena.

html>
<script type="text/javascript">

var ime = prompt("Vnesi svoje ime.");

if (ime!=null && ime!="")
{
document.write(ime);
}

var prvaCrka = ime.charAt(0);

switch(prvaCrka)
{
case R:
	ime.style.backgroundColor="red";
	break;
	
case G:
	ime.style.backgroundColor="green";
	break;
	
case B:
	ime.style.backgroundColor="blue";
	break;
	
default:
	ime.backgroundColor="yellow";
	break;
}

</script>
<body>
</body>
</html>


Kakšen nasvet?

keworkian :: 

<html>
<head>
</head>
<body>
<script type="text/javascript">
 
var ime = prompt("Vnesi svoje ime.");
 
if (ime!=null && ime!="")
{
document.write(ime);
}
 
var prvaCrka = ime.charAt(0);
var bdg = document.getElementsByTagName('body')[0];
 
switch(prvaCrka.toUpperCase())
{
case "R":
    bdg.bgColor="red";
    break;
     
case "G":
    bdg.bgColor="green";
    break;
     
case "B":
    bdg.bgColor="blue";
    break;
     
default:
    bdg.bgColor="yellow";
    break;
}
 
</script>
</body>
</html>
Obscenities in B-Flat

Cvenemir ::

Najlepša hvala :)

Cvenemir ::

Še eno vprašanje glede tele naloge:

Izpišite število elementov div in povezav v HTML dokumentu.

Poskusil sem takole, a mi vedno vrne 0 za oboje.
<html>
<script type="text/javascript">

var steviloDiv = document.getElementsByTagName("div").length
var steviloPovezav = document.getElementsByTagName("a").length

document.write("Stevilo razdelkov DIV v dokumentu je: "+ steviloDiv);
document.write("\nStevilo povezav v dokumentu je: " +steviloPovezav);

</script>

<body>
<div>
	<div>Div 1</div>
	<div>Div 2</div>
	<div>Div 3</div>
	<div>Div 4</div>
	<div>Div 5</div>
	<div>Div 6</div>
	<div>Div 7</div>
	<div>Div 8</div>
	<div>Div 9</div>
	<div>Div 10</div>
</div>
<br />
<br />
<br />
<br />
<a href="http://www.google.com/">Povezava 1</a>
<a href="http://www.google.com/">Povezava 2</a>
<a href="http://www.google.com/">Povezava 3</a>
<a href="http://www.google.com/">Povezava 4</a>
<a href="http://www.google.com/">Povezava 5</a>

</body>
</html>

keworkian :: 

<html>
<script type="text/javascript">
 window.onload = function() {
var steviloDiv = document.getElementsByTagName("div").length
var steviloPovezav = document.getElementsByTagName("a").length
 
document.write("Stevilo razdelkov DIV v dokumentu je: "+ steviloDiv);
document.write("\nStevilo povezav v dokumentu je: " +steviloPovezav);
 }
</script>
 
<body>
<div>
    <div>Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
    <div>Div 4</div>
    <div>Div 5</div>
    <div>Div 6</div>
    <div>Div 7</div>
    <div>Div 8</div>
    <div>Div 9</div>
    <div>Div 10</div>
</div>
<br />
<br />
<br />
<br />
<a href="http://www.google.com/">Povezava 1</a>
<a href="http://www.google.com/">Povezava 2</a>
<a href="http://www.google.com/">Povezava 3</a>
<a href="http://www.google.com/">Povezava 4</a>
<a href="http://www.google.com/">Povezava 5</a>
 
</body>
</html>
Obscenities in B-Flat

Cvenemir ::

Še enkrat hvala.

Zanima me samo še, zakaj mi sedaj skrije html elemente, in izpiše le rezultate. Načeloma bi moglo kazati elemente in na koncu strani izpisati rezultate štetja elementov.

technolog :: 

<html>
<body>
<div>
    <div>Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
    <div>Div 4</div>
    <div>Div 5</div>
    <div>Div 6</div>
    <div>Div 7</div>
    <div>Div 8</div>
    <div>Div 9</div>
    <div>Div 10</div>
</div>
<br />
<br />
<br />
<br />
<a href="http://www.google.com/">Povezava 1</a>
<a href="http://www.google.com/">Povezava 2</a>
<a href="http://www.google.com/">Povezava 3</a>
<a href="http://www.google.com/">Povezava 4</a>
<a href="http://www.google.com/">Povezava 5</a>

<script type="text/javascript">
var steviloDiv = document.getElementsByTagName("div").length
var steviloPovezav = document.getElementsByTagName("a").length
 
document.write("Stevilo razdelkov DIV v dokumentu je: "+ steviloDiv);
document.write("\nStevilo povezav v dokumentu je: " +steviloPovezav);
</script>
</body>
</html>

Cvenemir ::

To je to. Problem rešen. Hvala obema.

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Slo-Tech userscripts

Oddelek: Izdelava spletišč		174955 (2407) jype
»

Izpis XML-ja z JS

Oddelek: Izdelava spletišč		81503 (1446) gnomee
»

Javascript problemcek

Oddelek: Programiranje		141504 (1297) tempoFlow
»

js generiran input hidden noče biti POSTan z php

Oddelek: Izdelava spletišč		51730 (1647) Buffy
»

100 Web space baner & kako ustvariti temo za PhpBB

Oddelek: Izdelava spletišč		182653 (2482) overlord_tm

Več podobnih tem