Color blocks
I'm block 0 with a darkred border
I'm block 1 with a green border
I'm block 2 with a blue border
I'm block 3 with a rgb(128,38,193) border
I'm block 4 with a #0584b8 border
const colors = ['darkred', 'green', 'blue', 'rgb(128,38,193)', '#0584b8'];
let block = '';
colors.forEach(function (color, i) {
block += `<div style="border: solid 2px ${color}">
<p style="color: ${color}">
I'm block <b>${i}</b> with a <b>${color}</b> border
</p>
</div>`;
});
document.getElementById('blocks').innerHTML = block;