JavaScript yardim

see_u
15-05-2018, 12:11   |  #1  
see_u avatarı
OP Yeni Üye
Teşekkür Sayısı: 0
35 mesaj
Kayıt Tarihi:Kayıt: Oca 2011

Merhaba beyler yardiminiza ihtiyacim var. Henuz yeniyim bunu nasil yapacagim ?

Soru: Update test.html by adding a button to zero counter

<!doctype html> 
        <html>
          <head>
            <meta charset="utf-8">
            <title>
              My First WEB Page
            </title>
            <script>
              // var counter = 0;
              // var onCounterClick = function() {
              //   counter += 1; // counter = counter + 1;
              //   var h1 = document.getElementById("counterH1");
              //   h1.innerHTML = "You've clicked " + counter + " times.";
              //   return counter;
              // };
      
      
       
              function seqGen(start) {
      
      
        
                let counter = start - 1;
      
      
        
                let gen = function(reset) {
      
      
        
                  if (reset == true) {
      
      
        
                    counter = start - 1;
      
      
        
                  } else {
      
      
        
                    counter += 1;
      
      
        
                  }
      
      
        
                  return counter;
      
      
        
                };
      
      
        
                return gen;
      
      
        
              }
      
      
        
        
      
      
        
              const s1 = seqGen(1);
      
      
        
        
      
      
        
              function updateDisplay(counter) {
      
      
        
                let h1 = document.getElementById("counterH1");
      
      
        
                h1.innerHTML = "You've clicked " + counter + " times.";
      
      
        
              }
      
      
        
        
      
      
        
              function onCounterClick() {
      
      
        
                updateDisplay(s1(false));
      
      
        
              }
      
      
        
        
      
      
        
              function onCounterReset() {
      
      
        
                updateDisplay(s1(true));
      
      
        
              }
      
      
        
        
      
      
        
        </script>
      
      
        
        

      
      
        
          </head>
      
      
        
          <body>
      
      
        
            <h1 id="counterH1">You've clicked 0 times.</h1>
      
      
        
        

      
      
        
            <input type="button" value="Click me"
      
      
        
                   onclick="onCounterClick()"/>
      
      
        
            <br/>
      
      
        
            <input type="button" value="Reset"
      
      
        
                   onclick="onCounterReset()"/>
        
          </body>
        </html>

trackker_35
15-05-2018, 23:38   |  #2  
Taze Üye
Teşekkür Sayısı: 0
1 mesaj
Kayıt Tarihi:Kayıt: May 2018

Yapıtırdığın kod doğru bir şekilde çalışıyor.
Yapmak istediğin şey nedir?

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title> My First WEB Page </title>
    <script>
        // var counter = 0;
        // var onCounterClick = function() {
        //   counter += 1; // counter = counter + 1;
        //   var h1 = document.getElementById("counterH1");
        //   h1.innerHTML = "You've clicked " + counter + " times.";
        //   return counter;
        // };
        function seqGen(start) {
            let counter = start - 1;
            let gen = function(reset) {
                if (reset == true) {
                    counter = start - 1;
                } else {
                    counter += 1;
                }
                return counter;
            };
            return gen;
        }
        const s1 = seqGen(1);

        function updateDisplay(counter) {
            let h1 = document.getElementById("counterH1");
            h1.innerHTML = "You've clicked " + counter + " times.";
        }

        function onCounterClick() {
            updateDisplay(s1(false));
        }

        function onCounterReset() {
            updateDisplay(s1(true));
        }
    </script>
</head>

<body>
    <h1 id="counterH1">You've clicked 0 times.</h1> <input type="button" value="Click me" /> <br/> <input type="button" value="Reset" /> </body>

</html>