PDA

View Full Version : [Javascript]: errore di sintassi che non capisco.

LS1987
20-09-2011, 11:23
Buongiorno, ho scritto questo codice. Alla riga evidenziata in rosso la console degli errori mi dà errore di sintassi sotto l'if. Sinceramente non capisco il motivo. La soluzione dell'esercizio che ho fatto si trova al seguente link: http://baravalle.it/teaching/javascript/esercizio_colori_pagina.htm
(http://baravalle.it/teaching/javascript/esercizio_colori_pagina.htm)
Poi dovete fare view source.

Il mio if è uguale identico a quello della soluzione. Avrò fatto degli errori, ma lì non credo, dato che sull'altro codice non dà errore e visualizza il prompt correttamente.


<html>
<head>
<title>Esercizio dei colori</title>
<script language="JavaScript" content="text/Javascript">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
var testo;
var sfondo;
var titolo;
var dimensione;

var testo_default = "black";
var sfondo_default = "white";
var titolo_default = "blue";
var dimensione_default = 50;

dimensione = prompt("Inserisci la dimensione di default per il carattere", dimensione_default);
dimensione = dimensione * 1;
testo = prompt ("Inserisci un colore per il testo", testo_default);
titolo = prompt ("Inserisci un colore per il titolo", titolo_default);
if (titolo == testo) {
if (titolo != titolo_default) {
titolo = titolo_default;
}
else {
testo = testo_default;
}
}

sfondo = prompt("Inserisci un colore per lo sfondo", sfondo_default);

if (sfondo == testo) {
alert("colore sfondo == colore testo");
if (sfondo != sfondo_default) {
sfondo = sfondo_default;
} else {
testo = testo_default:

if (testo == titolo) {
titolo = titolo_default;
}
}
}

if (sfondo == titolo) {

if (sfondo != sfondo_default) {
sfondo = sfondo_default;
} else {
titolo = titolo_default;

if (titolo == testo) {
testo = testo_default;
}
}

}

if (titolo == "*" || sfondo == "*" || testo == "*")
{

document.writeln("NNN");

}
else {
document.writeln("<style>");
document.writeln("body {backgroud-color: " + sfondo "; color:" + testo + "}");
document.writeln("p {color:" + testo è "}");

document.writeln("h1 {color:" + titolo + ";font-size: " + dimensione* 3 + "%; font-weight: bold}");
document.writeln("h2 {color:" + titolo + ";font-size: " + dimensione* 2 + "%}");
document.writeln("h3 (color:" + titolo + ":font-size: " + dimensione + "%; font-weight: bold; font-style: italic)");
document.wrileln("</style>");

</script>

</head>
<body>
<h1> esercizio dei colori </h1>
<h2> esercizio dei colori, titolo 2 </h2>
<h3> es colori </h3>
<p> fine </p>
</body>
</html>
MEMon
20-09-2011, 22:39
manca una graffa a chiudere
Dr Nick Riviera
21-09-2011, 13:15
Di errori ce n'erano diversi :rolleyes:

Ti incollo il codice corretto e funzionante:

<html>
<head>
<title>Esercizio dei colori</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" content="text/Javascript">

var testo;
var sfondo;
var titolo;
var dimensione;

var testo_default = "black";
var sfondo_default = "white";
var titolo_default = "blue";
var dimensione_default = 50;

dimensione = prompt("Inserisci la dimensione di default per il carattere", dimensione_default);
dimensione = dimensione * 1;
testo = prompt ("Inserisci un colore per il testo", testo_default);
titolo = prompt ("Inserisci un colore per il titolo", titolo_default);
if (titolo == testo) {
if (titolo != titolo_default) {
titolo = titolo_default;
}
else {
testo = testo_default;
}
}

sfondo = prompt("Inserisci un colore per lo sfondo", sfondo_default);

if (sfondo == testo) {
alert("colore sfondo == colore testo");
if (sfondo != sfondo_default) {
sfondo = sfondo_default;
} else {
testo = testo_default;

if (testo == titolo) {
titolo = titolo_default;
}
}
}

if (sfondo == titolo) {

if (sfondo != sfondo_default) {
sfondo = sfondo_default;
} else {
titolo = titolo_default;

if (titolo == testo) {
testo = testo_default;
}
}

}

if (titolo == "*" || sfondo == "*" || testo == "*")
{

document.writeln("NNN");

}
else {
document.writeln("<style>");
document.writeln("body {backgroud-color: " + sfondo + "; color:" + testo + "}");
document.writeln("p {color:" + testo + "}");

document.writeln("h1 {color:" + titolo + ";font-size: " + dimensione* 3 + "%; font-weight: bold}");
document.writeln("h2 {color:" + titolo + ";font-size: " + dimensione* 2 + "%}");
document.writeln("h3 {color:" + titolo + ":font-size: " + dimensione + "%; font-weight: bold; font-style: italic}");
document.writeln("</style>");

}
</script>

</head>
<body>
<h1> esercizio dei colori </h1>
<h2> esercizio dei colori, titolo 2 </h2>
<h3> es colori </h3>
<p> fine </p>
</body>
</html>