Untitled

<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <script type="text/javascript">
        function f(){
        var divs = document.getElementsByTagName("div");
        for ( var i=0; i<divs.length-1; i++){
            var div = divs[i];
			var newline = document.createElement("br");
            if (i%2==0){
                div.style.color="yellow";
                document.getElementById("container").append(div.innerHTML);
				document.getElementById("container").append(newline);
                }
            else{
                div.style.color="lightgreen";
                document.getElementById("container").append(div.innerHTML);
				document.getElementById("container").append(newline);
                }
        }
        }
    </script>

    <button type="button" onclick="f()">Color the texts</button>
    <br><br>


        <div>
            text1kjflkfjerlk
        </div>
        <div>
            text1kjflkfjerlk
        </div>
        <div>
            text1kjflkfjerlk
        </div>
        <div>
            text1kjflkfjerlk
        </div>
        <div>
            text1kjflkfjerlk
        </div>
        <div>
            text1kjflkfjerlk
        </div>
	<div id="container">
	This is the final div:<br>
    </div>


    </body>
</html>