[GELÖST] Funktion zusammenfassen

[Bonno]

Hallo jswelt-forum,

ich habe ein kleines Problem,
und zwar habe ich eine Funktion gebaut, die super funktioniert, allerdings etwas bescheiden aussieht.
Leider habe ich zu wenig JavaScript Kenntnisse um diese Funktion zusammenzufassen.
So sieht die Funktion derzeit aus.

 function getTheStyle(){

      var elem = document.getElementById("main-text-color");
      var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue("background-color");
      document.getElementById("output").innerHTML = theCSSprop;


      var elem2 = document.getElementById("theme-color");
      var theCSSprop = window.getComputedStyle(elem2,null).getPropertyValue("background-color");
      document.getElementById("output2").innerHTML = theCSSprop;

      var elem3 = document.getElementById("theme-color-light");
      var theCSSprop = window.getComputedStyle(elem3,null).getPropertyValue("background-color");
      document.getElementById("output3").innerHTML = theCSSprop;

      var elem4 = document.getElementById("border-color");
      var theCSSprop = window.getComputedStyle(elem4,null).getPropertyValue("background-color");
      document.getElementById("output4").innerHTML = theCSSprop;

      var elem5 = document.getElementById("heading-color");
      var theCSSprop = window.getComputedStyle(elem5,null).getPropertyValue("background-color");
      document.getElementById("output5").innerHTML = theCSSprop;

    }

    getTheStyle();

Kann man diese Funktion zusammenfassen?
Wäre toll wenn mir da jemand helfen könnte.

Viele Grüße

 

[Dormilich]

Kann man diese Funktion zusammenfassen?

ja.

Wäre toll wenn mir da jemand helfen könnte.

ersetze den aktuell fixen input durch variablen und übergib diese als Parameter.

 

[kkapsner]

function getTheStyle(){
	function getOneStyle(elemId, outputId){
		var elem = document.getElementById(elemId);
		var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue("background-color");
		document.getElementById(outputId).innerHTML = theCSSprop;
	}
	getOneStyle("main-text-color", "output1");
	getOneStyle("theme-color", "output2");
	getOneStyle("theme-color-light", "output3");
	getOneStyle("border-color", "output4);
	getOneStyle("heading-color", "output5);
}
getTheStyle();

 

[Bonno]

SUPER!!!! Vielen vielen Dank, Funktioniert prima!!!!

 

[kkapsner]

Bitte - gern geschehen.