Generate random string in javascript

Generate random string in JavaScript

 

If you are coding in JavaScript and there are some need to Generate random string then how to Generate random string in JavaScript ?

Here is the few lines of code that is generate random String in JavaScript.

const myRndStr = () => Math.random().toString(36).slice(2)
const sstr1= myRndStr();
console.log(sstr1);

const sstr2= myRndStr();
console.log(sstr2);

const sstr3= myRndStr();
console.log(sstr3);

OUTPUT

Explanation:

In Math.random().toString() you can pass number 36. It is max limit number and you can not pass greater than 36 number. So it will generate a string like "0.1vjydtyngt58" Now you can get all string after that "0.1" using function ".slice(2)" as Math.random().toString(36).slice(2). Then you will get something like this "vjydtyngt58"

If you will pass greater than 36 number then you will see error message "Uncaught RangeError: radix must be an integer at least 2 and no greater than 36"

I have used arrow operator ()=> to generate random string. We can also create it in Vanilla JavaScript as below:

function genRndStr(){
return Math.random().toString(36).slice(2);
}
const str4=genRndStr()
console.log(str4);

Read More

How to add inline javascript using createElement

How to add inline javascript using createElement

Here  are the 2 examples of codes.

Code 1:

<script>
var scriptNode          = document.createElement ("script");
scriptNode.textContent  = "alert('aaa');";
document.head.appendChild (scriptNode);
</script>

Code 2:

<script>
var scriptNode=document.createElement("script");
scriptNode.textContent= "!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init',  'mynumber' );fbq('track', 'PageView', {customer_groups: 'Visitatore',default_customer_group: ''});";
document.head.appendChild (scriptNode);
</script>
 

 

 

 

Read More

pass and get data in createElement statement in javascript

How to pass and get data in createElement statement in javascript?

Here is the listed below code:

In "a1.html"
<script>
var myscript= document.createElement('script');
myscript.setAttribute('data-id1','fordata1');
myscript.setAttribute('data-id2','fordata2');
myscript.setAttribute('data-id3','fordata3');
myscript.setAttribute('data-id4','fordata4');
myscript.setAttribute('data-id5','fordata5');
myscript.setAttribute('src','get-id-in-js.js');
document.head.appendChild(myscript);
</script>

 

 In "get-id-in-js.js" file

var scripts=document.getElementsByTagName("script");
console.log(scripts[0].getAttribute("data-id1"));
console.log(scripts[0].getAttribute("data-id2"));
console.log(scripts[0].getAttribute("data-id3"));
console.log(scripts[0].getAttribute("data-id4"));
console.log(scripts[0].getAttribute("data-id5"));

 

 

 

Read More

pass and get data in script tag in javascript

How to pass and get data in script tag in javascript Here is the code: 

In "a1.html"

<script async="" data-id1="fordata1" data-id2="fordata2" data-id3="fordata3" data-id4="fordata4" data-id5="fordata5" src="get-id-in-js.js"></script>
 

 In "get-id-in-js.js" file: 

var scripts=document.getElementsByTagName("script");console.log(scripts[0].getAttribute("data-id1")); console.log(scripts[0].getAttribute("data-id2")); console.log(scripts[0].getAttribute("data-id3")); console.log(scripts[0].getAttribute("data-id4")); console.log(scripts[0].getAttribute("data-id5")); 

 

 

 

Read More

Javascript Events of mousedown mousemove keydown scroll touchstart click keypress touchmove

Javascript Events of mousedown mousemove keydown scroll touchstart click keypress touchmove
<script type="text/javascript">
var sd=!1;
console.log(sd);
function myworker(){
    if(!sd){
        sd=!0;
        console.log("Yes");
        console.log(sd);
    }
}
var myallEvents=["mousedown","mousemove","keydown","scroll","touchstart","click","keypress","touchmove"];
myallEvents.forEach(function(t){window.addEventListener(t,myworker,!1)});
</script>

Read More