Editare culoare text javascript

[Al3Xk]

Vreau sa scriu un text in 2 culori, respectiv rosu si negru, incepand cu prima, fiecare a 2-a litera fiind rosie.
Am "reusit" sa fac ceva dar in loc sa imi dea o singura data textul, mi-l da de mai multe ori in cele 2 culori .
Unde este greseala?

Cod: Selectaţi tot

<script>

var s='Primul text. ';
var c='Al doilea text.';

var sc = s.concat(c);
var sp=sc.split("");
var colors=['red','black'];
for(i=0;i<sp.length;i++)
{
var span='<span style="color:'+colors[i % 2]+';">'+sc+'</span>';
document.write(span);
}

</script>

[Emanuelll]

Cod: Selectaţi tot

<script>
var s='Primul text. ';
var c='Al doilea text.';
var sc = s.concat(c);
var colors=['red','black'];
for(i=0;i<sc.length;i++)
{
    var span='<span style="color:'+colors[i % 2]+';">'+sc[i]+'</span>';
    document.write(span);
}
</script>


[ViezuREX]

Incearca asa:

Cod: Selectaţi tot

<script>
var s='Primul text. ';
var c='Al doilea text.';
var sc = s.concat(c);
var colors=['red','black'];
var span = '';
for(i=0;i<sc.length;i++)
{
    span +='<span style="color:'+colors[i % 2]+';">'+sc[i]+'</span>';
}
document.write(span);
</script>


[mandix]

Si al tau este bun. Ai gresit in bucla for:

Ai:

Cod: Selectaţi tot

var span='<span style="color:'+colors[i % 2]+';">'+sc+'</span>';

si trebuia:

Cod: Selectaţi tot

var span='<span style="color:'+colors[i % 2]+';">'+sc[i]+'</span>';