open_in_new content_copy 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>chai or code </title>
</head>
<body style="background-color: black;">
    



</body>
<script>
    //// creating element by javascript in html 
    const div = document.createElement('div');
    console.log(div);
    div.className = "main" 
    div.id = "hero" // giving id 
    div.setAttribute('title', "generate title") // making value 
    div.style.backgroundColor = "green" // styling 
    div.innerText = "chai or code "
    document.body.appendChild(div)
</script>
</html>