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

स्पैन टैग से मूल्य मान प्राप्त करें और जावास्क्रिप्ट में किसी संख्या से गुणा करने के बाद इसे एक div के अंदर संलग्न करें?

<घंटा/>

स्पैन टैग से मूल्य मान प्राप्त करने के लिए मान निकालें और इसे स्ट्रिंग से पूर्णांक में बदलें।

उदाहरण

निम्नलिखित कोड है -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<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>
<body>
   <tr>
      <th>Value=</th>
      <td><strong><span class="purchase amount">
         <span></span>10</span></strong>
      </td>
      <p id="demo"></p>
   </tr>
</body>
<script>
   $(document).ready(function () {
      var v = parseInt($(".purchase.amount")
      .text()
      .trim()
      .replace(',', ''));
      var totalValue = v * 10;
      console.log(totalValue);
      $("#demo").text("After multiplying the Value 10=" + totalValue);
   });
</script>
</html>

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

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

स्पैन टैग से मूल्य मान प्राप्त करें और जावास्क्रिप्ट में किसी संख्या से गुणा करने के बाद इसे एक div के अंदर संलग्न करें?

कंसोल पर आउटपुट निम्नलिखित है -

स्पैन टैग से मूल्य मान प्राप्त करें और जावास्क्रिप्ट में किसी संख्या से गुणा करने के बाद इसे एक div के अंदर संलग्न करें?

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

स्पैन टैग से मूल्य मान प्राप्त करें और जावास्क्रिप्ट में किसी संख्या से गुणा करने के बाद इसे एक div के अंदर संलग्न करें?

यह कंसोल पर निम्न आउटपुट उत्पन्न करेगा -

स्पैन टैग से मूल्य मान प्राप्त करें और जावास्क्रिप्ट में किसी संख्या से गुणा करने के बाद इसे एक div के अंदर संलग्न करें?


  1. जावास्क्रिप्ट के साथ एक टू-डू सूची बनाएं जावास्क्रिप्ट के साथ एक टू-डू सूची बनाएं

    उदाहरण कार्य सूची बनाने के लिए निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <t

  1. टीआर टैग से आईडी कैसे प्राप्त करें और इसे जावास्क्रिप्ट के साथ एक नए टीडी में प्रदर्शित करें? टीआर टैग से आईडी कैसे प्राप्त करें और इसे जावास्क्रिप्ट के साथ एक नए टीडी में प्रदर्शित करें?

    मान लें कि निम्नलिखित हमारी तालिका है - StudentName StudentCountryName जॉनडो यूके डेविडमिलर अमेरिका tr टैग से id प्राप्त करने और इसे एक नए td में प्रदर्शित करने के लिए, document.querySelectorAll(table tr) का उपयोग करें। उदाहरण निम्नलिखित कोड है - दस्तावेज़ td, th, टेबल { बॉर्डर:1px सॉलिड

  1. जावास्क्रिप्ट के साथ सीएसएस चर प्राप्त करें और सेट करें जावास्क्रिप्ट के साथ सीएसएस चर प्राप्त करें और सेट करें

    GetComputedStyle () विधि एक वस्तु देती है जिसमें लक्ष्य तत्व पर लागू सभी शैलियाँ शामिल होती हैं। getPropertyValue() विधि का उपयोग गणना की गई शैलियों से वांछित संपत्ति प्राप्त करने के लिए किया जाता है। CSS वेरिएबल के मान को बदलने के लिए setProperty() का उपयोग किया जाता है। उदाहरण निम्नलिखित उदाहरण ब