Untitled

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Farbwechsel</title>
</head>

<body>
    <div id="paragraphen">
    <label>
        <ouput type="text" id="textausgabe" name="text" placeholder="Ausgabetext">
    </label>
    <form>
        <input type="button" onclick="textTeilen()" id="teilen" value="Aufteilung">
        <input type="button" onclick="" id="farbe" value="Farbe ändern">
    </form>
    <script src="StringTeilen.js"></script>
    <script type="text/javascript">


    document.getElementById("paragraphen").addEventListener("click",function()
    {
        var paragraphen = textTeilen();

        for(i = 0; i <= paragraphen.length; i++)
    {
        var para = document.createElement("p");
        var node = document.createTextNode(paragraphen[i]);
        para.appendChild(node);

        var element = document.getElementById("paragraphen");
        element.appendChild(para);
    }
    }
    );

    document.getElementById("farbe").addEventListener("click",function()
    {
        document.getElementById("paragraphen[i]").style.color = "blue";
    }
    );
    </script>
</body>
</html>