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

JavaScript में स्पैन टैग से कीमत मान प्राप्त करना और गुणा करके डिव में जोड़ना


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

उदाहरण

कोड निम्न है:

<!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) सहेजें और फ़ाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with live server" विकल्प चुनें।

यह निम्न आउटपुट उत्पन्न करेगा:

JavaScript में स्पैन टैग से कीमत मान प्राप्त करना और गुणा करके डिव में जोड़ना

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

JavaScript में स्पैन टैग से कीमत मान प्राप्त करना और गुणा करके डिव में जोड़ना

यह निम्न आउटपुट उत्पन्न करेगा:

JavaScript में स्पैन टैग से कीमत मान प्राप्त करना और गुणा करके डिव में जोड़ना

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

JavaScript में स्पैन टैग से कीमत मान प्राप्त करना और गुणा करके डिव में जोड़ना


  1. JavaScript से टू-डू लिस्ट कैसे बनाएं JavaScript से टू-डू लिस्ट कैसे बनाएं

    उदाहरण टू-डू लिस्ट बनाने के लिए निम्नलिखित कोड है: <!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=/

  1. JavaScript में tr टैग से id प्राप्त करके नए td में कैसे डिस्प्ले करें? JavaScript में tr टैग से id प्राप्त करके नए td में कैसे डिस्प्ले करें?

    मान लीजिए निम्नलिखित हमारी टेबल है: <table> <tr id=StudentDetails> <th>StudentName</th> <th>StudentCountryName</th> </tr> <tr id=FirstRow> <td>JohnDoe</td> <td>UK</td> </tr>

  1. JavaScript के साथ CSS वेरिएबल्स को प्राप्त करना और सेट करना JavaScript के साथ CSS वेरिएबल्स को प्राप्त करना और सेट करना

    getComputedStyle() मेथड एक ऑब्जेक्ट देता है जिसमें टारगेट एलिमेंट पर लागू सभी स्टाइल शामिल होते हैं। getPropertyValue() मेथड का उपयोग कंप्यूटेड स्टाइल से वांछित प्रॉपर्टी प्राप्त करने के लिए किया जाता है। setProperty() का उपयोग CSS वेरिएबल का मान बदलने के लिए किया जाता है।उदाहरणनिम्नलिखित उदाहरण दर्