Home

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;