Websiteentwicklung: JavaScript: Objekte, Eigenschaften und Methoden: Lösungen
Lösungen zu Objekte, Eigenschaften und Methoden
Aufgabe 1
[Bearbeiten]Hier eine mögliche Lösung.
<html>
<head>
<title>JavaScript: RGB-Farben</title>
<script type="text/javascript">
var Farbe_1 = new oRGB;
function oRGB(R,G,B){
this.r = R;
this.g = G;
this.b = B;
this.toString = function(){
return "[R,G,B]=["+this.r+","+this.g+","+this.b+"]";
}
}
function fschreibeRGB(){
/*
Schreibt die eingegebenen RGB-
Werte in die Eigenschaften von
Farbe_1 und achtet darauf, dass
nur ganze Zahlen zwischen Null
und 255 eingegeben werden.
*/
Farbe_1.r = Math.min(255,Math.max(0,parseInt(prompt("Wert fuer Rot (zwischen 0 und 255) eingeben:",0))));
Farbe_1.g = Math.min(255,Math.max(0,parseInt(prompt("Wert fuer Gruen (zwischen 0 und 255) eingeben:",0))));
Farbe_1.b = Math.min(255,Math.max(0,parseInt(prompt("Wert fuer Blau (zwischen 0 und 255) eingeben:",0))));
}
function fleseRGB(){
alert(Farbe_1.toString());
}
</script>
<noscript>Bitte schalten Sie JavaScript ein</noscript>
</head>
<body>
<h2>JavaScript: RGB-Farben</h2>
<form>
<input type="Button" value="RGB schreiben" onClick="fschreibeRGB()">
<input type="Button" value="RGB lesen" onClick="fleseRGB()">
</form>
</body>
</html>