Zum Inhalt springen

Websiteentwicklung: JavaScript: Objekte, Eigenschaften und Methoden: Lösungen

Aus Wikibooks

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>