Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ वेब पेज पर p टैग में किसी सरणी के सभी मान प्रदर्शित करें

<घंटा/>

इसके लिए आप .data(anyArrayObject) का इस्तेमाल कर सकते हैं। निम्नलिखित कोड है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</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>

उपरोक्त प्रोग्राम को चलाने के लिए, बस फ़ाइल नाम anyName.html(index.html) को सहेजें और फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

जावास्क्रिप्ट के साथ वेब पेज पर p टैग में किसी सरणी के सभी मान प्रदर्शित करें


  1. जावास्क्रिप्ट के साथ आंतरिक HTML सेट करें

    आंतरिक HTML सेट करने के लिए सही सिंटैक्स इस प्रकार है - document.getElementById(“yourIdName”).innerHTML=”yourValue”; आइए अब देखें कि आंतरिक HTML कैसे सेट करें - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

  1. जावास्क्रिप्ट किसी फ़ंक्शन का परिणाम HTML के रूप में प्रदर्शित करता है?

    किसी फ़ंक्शन के परिणाम को HTML के रूप में प्रदर्शित करने के लिए, आप - . का उपयोग कर सकते हैं document.getElementById().innerHTML. उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta

  1. वेब पेज पर वीडियो टैग छिपाएं - जावास्क्रिप्ट

    मान लें कि हमारे पास वेब पेज पर निम्न नमूना वीडियो टैग है आप यहां वीडियो नहीं चला सकते...... वेब पेज पर वीडियो छिपाने के लिए, yourVariableName.style.display=none का उपयोग करें। उदाहरण निम्नलिखित कोड है - दस्तावेज़ .hideVideo { प्रदर्शन क्षेत्र; जेड-इंडेक्स:999; मार्जिन-टॉप:10px; मार्जिन-बाएं: