How to Add an Element to Prime Number in List of Numbers

Underline every Prime number in this series of numbers.

Meaning... Number 1 to 1000 should be printed on the DOM and only the Prime numbers are to be underlined.

Instruction:

Write a valid HTML + JavaScript Page that will count numbers from 1 to 1,000.

Display every 10th number in the series in Bold... DONE!

Display every 3rd number in the series in Italics... DONE!

Bonus: Underline every Prime number in this series....STUCK HERE!!!

"use strict";

// create div element
let createDiv = document.createElement("div");

// set 'id' attritube inside div element 
createDiv.setAttribute("id", "demo");

// add div element to the DOM
document.body.appendChild(createDiv);

// create numbers 1 to 1000
for (let i = 1; i <= 1000; i++) {

    // get div by the id attribute
    let storeDiv = document.getElementById("demo");

    // create new paragraph
    let createParagraph = document.createElement("p");

    // add paragraph to div
    storeDiv.append(createParagraph);

    // make every tenth number bold
    if (i % 10 === 0) {
        let bold = document.createElement("b");
        createParagraph.append(bold);
        bold.append(i);

    // make every third number italics
    } else if (i % 3 === 0) {
        let italics = document.createElement("I");
        createParagraph.append(italics);
        italics.append(i);

    // display the rest of the numbers all the way to 1000
    } else {
        createParagraph.append(i);
    }

}