<!DOCTYPE html>
<html>
<body >
<div id="mydiv">mydiv1 mydiv2 mydiv3 mydiv4 mydiv5</div>
<input type="button" onclick="myclick()" value="раскрасить текст">
<script>
function myclick(){
let mydiv = document.getElementById("mydiv");
mydivtext = mydiv.innerHTML;
mydivnewtext = "";
for (let i =0; i < mydivtext.length;i++)
{
rcolor= '#' + Math.floor(Math.random()*16777215).toString(16);
mydivnewtext += "<span style='color:"+rcolor+ "'>"+mydivtext[i]+"</span>";
}
mydiv.innerHTML =mydivnewtext;
}
</script>
</body>
</html>
|