JavaScript में ऐरे के सभी वैल्यूज़ को वेब पेज पर p टैग में डिस्प्ले करें

उदाहरण

D3.js की data() और enter() मेथड से ऐरे वैल्यूज़ को p टैग में रेंडर करें।

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>Document</title> 
<script src="https://d3js.org/d3.v5.min.js"></script> 
</head> 
<body> 
<script> 
    const arrayValues = [1000000001, "John", "Smith", 100, 200, 3000]; 
    var originalData = d3.select("body").selectAll("p") 
        .data(arrayValues) 
        .enter() 
        .append("p") 
        .text(function(allValuesOfArray) { 
            console.log(allValuesOfArray + " "); 
            return allValuesOfArray; 
        }); 
</script> 
</body> 
</html>

फ़ाइल सेव करें और Live Server से खोलें।

आउटपुट

प्रत्येक ऐरे एलिमेंट के लिए अलग p टैग बनेगा।