Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Javascript - korisnički unos (chars segments)

[es] :: Javascript i AJAX :: Javascript - korisnički unos (chars segments)

[ Pregleda: 1937 | Odgovora: 11 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

bobans72

Član broj: 314360
Poruke: 117



Profil

icon Javascript - korisnički unos (chars segments)23.01.2020. u 13:01 - pre 50 meseci
Pozdrav ...

Kako da uradim izmenu u ovoj dole skripti ne bude fiksno (chars = 5, segments = 5) nego da može da se u 2 inputa izvrši unos ovih brojeva ili bilo kojih drugih ?
Ovo sve radi ali sa fiksno potrebni su mi korisnički unosi (chars i segments budu promenljivi to jest da se u dva inputa vrše promene brojeva.

Evo skripte:

Code:

        (function() {
        function getRandomInt( min, max ) {
        return Math.floor( Math.random() * ( max - min + 1 ) ) + min;
        }
        function generateSerialKey() {
        var tokens = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ",
            chars = 5,
                segments = 5,
            keyString = "";
        for( var i = 0; i < segments; i++ ) {
             var segment = "";
        for( var j = 0; j < chars; j++ ) {
             var k = getRandomInt( 0, 35 );
             segment += tokens[ k ];
            }
            keyString += segment;
            if( i < ( segments - 1 ) ) {
            keyString += "-";
            }
            }
            return keyString;
        }
        document.addEventListener( "DOMContentLoaded", function() {
        var generate = document.querySelector( "#generate" ),
        output = document.querySelector( "#output" );
        generate.addEventListener( "click", function() {
        var serialKey = generateSerialKey();
        output.innerHTML = serialKey;
        }, false);
        });
        })();




Boban
 
Odgovor na temu

mjanjic
Šikagou

Član broj: 187539
Poruke: 2679



+690 Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 14:31 - pre 50 meseci
Ako misliš na unos od strane korisnika, možeš da koristiš "prompt" metodu: https://www.w3schools.com/jsref/met_win_prompt.asp
Blessed are those who can laugh at themselves, for they shall never cease to be amused.
 
Odgovor na temu

Deunan

Član broj: 338178
Poruke: 83
*.dynamic.isp.telekom.rs.



+21 Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 15:04 - pre 50 meseci
Dodaj dva inputa:

<input type="number" id="chars" value="5" />
<input type="number" id="segments" value="5" />

Code:

(function() {
       (function () {
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        function generateSerialKey(chars, segments) {
            var tokens = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ", keyString = "";
            for (var i = 0; i < segments; i++) {
                var segment = "";
                for (var j = 0; j < chars; j++) {
                    var k = getRandomInt(0, 35);
                    segment += tokens[k];
                }
                keyString += segment;
                if (i < (segments - 1)) {
                    keyString += "-";
                }
            }
            return keyString;
        }

        document.addEventListener("DOMContentLoaded", function () {
            var generate = document.querySelector("#generate"),
                 output = document.querySelector("#output"),
                 chars = document.querySelector("#chars"),
                 segments = document.querySelector("#segments");

            generate.addEventListener("click", function () {
                var serialKey = generateSerialKey(chars.value, segments.value);
                output.innerHTML = serialKey;
            }, false);
        });
    })();
 
Odgovor na temu

bobans72

Član broj: 314360
Poruke: 117



Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 15:07 - pre 50 meseci
Hvala na odgovoru.

Mislio sam na HTML Input unos pa sam pokušao ovako nešto ali tako ne prikazuje ništa u outputu nešto nije kako treba:

JavaScript
Code:



       (function() {
        function getRandomInt( min, max ) {
        return Math.floor( Math.random() * ( max - min + 1 ) ) + min;
        }
        function generateSerialKey(chars, segments) {
        var tokens = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ",
            
            keyString = "";
        for( var i = 0; i < segments; i++ ) {
             var segment = "";
        for( var j = 0; j < chars; j++ ) {
             var k = getRandomInt( 0, 35 );
             segment += tokens[ k ];
            }
            keyString += segment;
            if( i < ( segments - 1 ) ) {
            keyString += "-";
            }
            }
            return keyString;
        }
        document.addEventListener( "DOMContentLoaded", function() {
        var chars = document.getElementById( "#chars" ),
        segments = document.getElementById( "#segments" ),
        generate = document.querySelector( "#generate" ),
        output = document.querySelector( "#output" );
        generate.addEventListener( "click", function() {
        var serialKey = generateSerialKey();
        output.innerHTML = serialKey;
        }, false);
        });
        })();


HTML
Code:

<!DOCTYPE html>
<html lang="sr" >
<head>
  <meta charset="UTF-8"/>
  <title>Serial Generator</title>
  

</head>
<body>


<input type="number"  id="chars" name="chars"/>
<input type="number" id="segments" name="segments"/>

<p><button id="generate">Generate</button></p>

<code id="output"></code>


  <script  src="script.js"></script>

</body>
</html>


Boban
 
Odgovor na temu

Deunan

Član broj: 338178
Poruke: 83
*.dynamic.isp.telekom.rs.



+21 Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 15:24 - pre 50 meseci
Zameni samo ovu liniju:
Code:
var serialKey = generateSerialKey();


sa ovim:
Code:
 var serialKey = generateSerialKey(chars.value, segments.value);


Pogledaj post iznad, napisali smo skoro isti primer u slicno vreme, pa nisi ni primetio.
 
Odgovor na temu

bobans72

Član broj: 314360
Poruke: 117



Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 15:26 - pre 50 meseci
Probao ne radi ne prikazuje ništa:
Html
Code:

<!DOCTYPE html>
<html lang="sr" >
<head>
  <meta charset="UTF-8"/>
  <title>Serial Generator</title>
  

</head>
<body>


<input type="number"  id="chars" name="chars" value="5"/>
<input type="number" id="segments" name="segments" value="5" />
<p><button id="generate">Generate</button></p>

<code id="output"></code>


  <script  src="script.js"></script>

</body>
</html>



JavaScript

Code:

(function() {
       (function () {
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        function generateSerialKey(chars, segments) {
            var tokens = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ", keyString = "";
            for (var i = 0; i < segments; i++) {
                var segment = "";
                for (var j = 0; j < chars; j++) {
                    var k = getRandomInt(0, 35);
                    segment += tokens[k];
                }
                keyString += segment;
                if (i < (segments - 1)) {
                    keyString += "-";
                }
            }
            return keyString;
        }

        document.addEventListener("DOMContentLoaded", function () {
            var generate = document.querySelector("#generate"),
                 output = document.querySelector("#output"),
                 chars = document.querySelector("#chars"),
                 segments = document.querySelector("#segments");

            generate.addEventListener("click", function () {
                var serialKey = generateSerialKey(chars.value, segments.value);
                output.innerHTML = serialKey;
            }, false);
        });
    })();


Boban
 
Odgovor na temu

Deunan

Član broj: 338178
Poruke: 83
*.dynamic.isp.telekom.rs.



+21 Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 15:29 - pre 50 meseci
Imam gresku u kopiranju, 2 puta sam stavio

(function() {
(function () {

izbrisi jednu:
Code:

(function () {
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        function generateSerialKey(chars, segments) {
            var tokens = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ", keyString = "";
            for (var i = 0; i < segments; i++) {
                var segment = "";
                for (var j = 0; j < chars; j++) {
                    var k = getRandomInt(0, 35);
                    segment += tokens[k];
                }
                keyString += segment;
                if (i < (segments - 1)) {
                    keyString += "-";
                }
            }
            return keyString;
        }

        document.addEventListener("DOMContentLoaded", function () {
            var generate = document.querySelector("#generate"),
                 output = document.querySelector("#output"),
                 chars = document.querySelector("#chars"),
                 segments = document.querySelector("#segments");

            generate.addEventListener("click", function () {
                var serialKey = generateSerialKey(chars.value, segments.value);
                output.innerHTML = serialKey;
            }, false);
        });
    })();
 
Odgovor na temu

bobans72

Član broj: 314360
Poruke: 117



Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 15:31 - pre 50 meseci
Ovaj kod što sam sada postavio to mi ne radi video sam i zamenio sa ovim (var serialKey = generateSerialKey(chars.value, segments.value);) ali ne radi.
Boban
 
Odgovor na temu

bobans72

Član broj: 314360
Poruke: 117



Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 15:35 - pre 50 meseci
I ja nisam primetio samo sam prekopirao i usresredio sam se sa ovim što ste vi prepravili i nisam obratio pažnju. Tako da sada sve radi.
Hvala puno na rešenju.
Boban
 
Odgovor na temu

bobans72

Član broj: 314360
Poruke: 117



Profil

icon Re: Javascript - korisnički unos (chars segments)23.01.2020. u 20:24 - pre 50 meseci
Kako da prikažem u inputu: <input type="text" id="output"/> samo prikazuje ovako <p id="output"></p> ?
Molim ponovo za pomoć .
Boban
 
Odgovor na temu

Milan Kragujevic
Software Engineer

Član broj: 231903
Poruke: 2220
*.dynamic.sbb.rs.

Sajt: https://milankragujevic.c..


+201 Profil

icon Re: Javascript - korisnički unos (chars segments)24.01.2020. u 07:26 - pre 50 meseci
Evo:



DOWNLOAD ZIP
 
Odgovor na temu

bobans72

Član broj: 314360
Poruke: 117



Profil

icon Re: Javascript - korisnički unos (chars segments)24.01.2020. u 08:09 - pre 50 meseci
Hvala na odgovoru !

Tako sam i ja stavio vrednost na output ali to nije htelo da radi dok nisam pobrisao celu istoriju jel je upamtilo i nije htelo da prihvati drugu promenu jer i meni je bilo čudno
zašto nije htelo da prihvati vrednost na outputu pa sam ovde potražio pomoć jer sam mislio da postoji neka druga greška jer ne poznajem baš najbolje javascript više php.
Boban
 
Odgovor na temu

[es] :: Javascript i AJAX :: Javascript - korisnički unos (chars segments)

[ Pregleda: 1937 | Odgovora: 11 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.