मैं एक कोड बनाने की कोशिश कर रहा हूं जो एक बटन एचटीएमएल कोड के क्लिकिक के माध्यम से बढ़ और घट सकता है लेकिन समस्या यह है कि मैं इसे काम करने के लिए नहीं मिल सकता मैंने विभिन्न विकल्पों का प्रयास किया है।

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="styles.css">
    <title>Document</title>
</head>

<body>
    <div id="body">
        <h1>COUNTER</h1>
        <span id="time">0</span><br>
        <button id="lower"  onclick="reduceone()" type="button">LOWER COUNT</button><BR>
        <button id="add" onclick="addone()" type="button">ADD COUNT</button>
    </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="index.js"></script>
</body>
</html>

जावास्क्रिप्ट कोड:

$("#add").click(function (){
    let count = 0;
    count ++;
    $("#time").text(count);
});

$(#lower).click(function(){
    let count = 0;
    count --;
    $("#time").text(count)
});
0
Nwankwo Fortune 13 अक्टूबर 2020, 19:00

2 जवाब

सबसे बढ़िया उत्तर

आपको राज्य को दो कार्यों के बीच साझा करने की आवश्यकता है ताकि उनमें से प्रत्येक साझा स्थिति देख सके कि वे बदल रहे हैं।

साथ ही, सभी आईडी या वर्ग के नाम उल्टे अल्पविरामों के बीच होने चाहिए जैसे "#lower"

let count = 0; // Shared state that both functions can see

$("#add").click(function (){
    count++;
    $("#time").text(count);
});

$("#lower").click(function(){ // "#lower" not #lower
    count--;
    $("#time").text(count)
});
0
Dharman 13 अक्टूबर 2020, 19:29

ये कोशिश करें

   let count = 0;
$("#add").click(function (){
    count ++;
    $("#time").text(count);
});

$(#lower).click(function(){
    count --;
    $("#time").text(count)
});

आपको वैरिएबल (गिनती) को एक वैश्विक वैरिएबल बनाना होगा ताकि सभी फ़ंक्शन उसके मूल्य तक पहुंच सकें। यदि आप किसी फंक्शन में वेरिएबल (गिनती) डालते हैं तो केवल वही फंक्शन उसकी वैल्यू को एक्सेस कर सकता है। उम्मीद है आप समझ गए होंगे

1
Lonely 13 अक्टूबर 2020, 19:19