DEV Community: Mafee7

How to make Infinity!

Mafee7 — Wed, 04 Aug 2021 08:46:17 +0000

Liquid syntax error: Unknown tag 'endraw'

Make you coder friends triggered!

Mafee7 — Mon, 02 Aug 2021 04:42:19 +0000

I found another way by which you can troll your friends!

Umm... I am learning java.. busy..

const needed? or this will happen:

Code:

document.querySelector = document.body;
document.getElementById = document.body;
document.getElementsByClassName = document.body;
document.getElementsByName = document.body;
document.getElementsByTagName = document.body;
// Always return body element
// Bonus: Errors
// + open Stackoverflow, etc - no avail!!!

This code Crashes chrome tab #1

Mafee7 — Sun, 27 Jun 2021 07:09:48 +0000

Yes this is NOT a while() loop crash.
Sorry, I was busy making apps - couldn't post :(

This is part 1, the second one is being investigated, & ACTUALLY Crashes the browser window!

Error: Out of memory.

Result of A list which has 10 million items in it!

You try this code in jsfiddle/tab.

code:

var list = [];

setInterval(() => {
    list.push("crash")

    list.forEach(item => {
        list.push(item);
    });
});

How to Detect Symbols & spaces With RegEx!

Mafee7 — Thu, 13 May 2021 07:46:20 +0000

Regex Is Awesome, I am learning regex.

A good Example is to make a simple symbol & space detector with RegEx!
You can use RegExp in javascript

Use \W in RegExp to detect symbols & spaces.
& use .match() in Javascript to search for the symbols.

A RegExp is can be written as a pattern: /\W/g

Example In Javascript

   var text = prompt("Enter a Name (symbols & spaces not allowed!)"); // Take user Input.
   if(text.match(/\W/g) == null){ // Check if there are spaces, symbols.
     alert("Good Name!!"); // If valid.
   }else{
     alert("Bad Name!! Remove Those Spaces And Symbols!"); // If Invalid
   }

How to use QR Code Generator API! With JS!

Mafee7 — Wed, 24 Mar 2021 05:32:31 +0000

QR Code API By: Go QR

See API Docs:

http://goqr.me/api/

API Link

https://api.qrserver.com/v1/create-qr-code/

HTML

<input placeholder="data"> 
<button>Generate QR!</button><br><br>
<img src>

Javascript

var parametersJson = {
    "size": 250, // Size of Qr Code
    "backgroundColor": "38-38-38", // Background Color Of Qr Code (In RGB)
    "qrColor": "255-255-255", // Color of Qr Code (In RGB)
    "padding": 2, // Padding 
    "data": "dev.to"
};

var parameters;

var btn = document.querySelector("button");
var img = document.querySelector("img");
var input = document.querySelector("input");

btn.addEventListener("click", function(){
    parametersJson.data = input.value || "dev.to";
    parameters = `size=${parametersJson.size}&bgcolor=${parametersJson.backgroundColor}&color=${parametersJson.qrColor}&qzone=${parametersJson.padding}&data=${parametersJson.data}` // Stitch Together all Paramenters
    img.src = `https://api.qrserver.com/v1/create-qr-code/?${parameters}` // Set Image URL To Link
});

See Working Version:

https://jsfiddle.net/qcote16j/

How to Use Text To Speech In Chrome with JS

Mafee7 — Tue, 23 Mar 2021 05:58:42 +0000

Text To Speech [Speech Synthesis API]

API Usage:

JavaScript

var T2S; 

if("speechSynthesis" in window || speechSynthesis){ // Checking If speechSynthesis Is Supported.

    var text = prompt("What Text To Say?") || `Text To Speech is Over Powered`; // Ask What To Say or use Default

    T2S = window.speechSynthesis || speechSynthesis; // Storing speechSynthesis API as variable - T2S
    var utter = new SpeechSynthesisUtterance(text); // To Make The Utterance
    T2S.speak(utter); // To Speak The Utterance

    window.onbeforeunload = function(){
        T2S.cancel(); // To Stop Speaking If the Page Is Closed.
    }

}

Pls React & Save!

Rainbow Webpage

Mafee7 — Mon, 22 Mar 2021 06:27:46 +0000

Want To Add A Hidden Feature In Your Webpage For Users to Discover? Do This:

Rainbow Webpage

var i = 0; // Define varible "i"
setInterval(function(){
  document.body.style.filter = `hue-rotate(${i}deg)`; // Set Hue Of Page To i
  if(i == 360){ 
    i = 0; // Set i to 0
  } else{
    i = i + 2; // Change i by 2
  }
}, 60);

enjoy!

JavaScript with Run Options

Mafee7 — Mon, 22 Mar 2021 05:55:05 +0000

Run Code In JavaScript With options like:

Use Unchangeable variables:

var options = {
  UseConstants: "true"
}
var JavaScriptCode = `
var js = "JavaScript";
console.log(js);
js = "wow";
// Cannot Change Value
` // JavaScript Code That will be affected with options

if(options.UseConstants){
    var u = URL.createObjectURL(new Blob([JavaScriptCode.replaceAll("var", "const")], {type: "application/javascript"}));

    var script = document.createElement("script");
    document.head.appendChild(script);
    script.src = u;
    script.defer = "";
}

// Gives Error: Assignment to constant variable.
/*
Code After Change:
const js = "JavaScript";
console.log(js);
js = "wow";
// Cannot Change Value
*/

Creating Hello World! In Java

Mafee7 — Mon, 22 Mar 2021 05:29:24 +0000

Creating Hello World! In Java

Steps:

1) Download & Install Java

2) Download & Install An Java IDE (Integrated Development Environment) (I Use Eclipse Ide)

Prank Your Coder Friend On April Fools With This!

Mafee7 — Mon, 22 Mar 2021 05:28:51 +0000

Get Ready To Prank Your Coder Friends With A Simple Code!

Just rewrite the console.log function with:

var $old_consoleLog = console.log;
console.log = function(String){
   $old_consoleLog("Bonkers: " + String);
}

Explanation:

var $old_consoleLog = console.log;

Stores console.log function as another variable: "$old_consoleLog"

Don't let your coder friend find out this variable

console.log = function(String){
   $old_consoleLog("Bonkers: " + String);
}

Rewrites original console.log function to output "Bonkers: ...";
Can also replace "Bonkers with any other Value as Prefix"

Can Revert Changes with:

console.log = $old_consoleLog;

Reaction: What? Why Console.log Is Adding Bonkers to its output?

How to Set Element Position to another Element's position.

Mafee7 — Mon, 22 Mar 2021 05:14:32 +0000

How to Set Element Position to another Element's position. 😎

Did you ever want to set an element's position to another element's position?

You Can Do This Now.

Example:

HTML:

<div id="Elem1">😀</div>
<div id="Elem2">🕶</div>

<div id="btn">
    Wear Sun Glasses
</div>

Css:

body{
    font-size: 30vh;
    user-select: none;
}
#btn{
    position: absolute;
    top: 2.5vh;
    font-size: 5vh;
    filter: brightness(100%);
    font-family: sans-serif;
    padding: 1vh;
    background: rgb(200,200,200);
    cursor: pointer;
    width: 40vw;
    text-align: center;
}
#btn:hover{

    filter: brightness(80%);
}
#Elem1{
    position: absolute;
    right: 1vw;
}
#Elem2{
    position: absolute;
    z-index: 3;
}

Javascript [OP]:

var btn = document.querySelector("#btn");
var e1 = document.querySelector("#Elem1");
var e2 = document.querySelector("#Elem2");

btn.addEventListener("click", function(){
    e2.style.left = e1.getBoundingClientRect().left + 20 + "px"; // With Offset Of 20px for correct postition
    e2.style.top = e1.getBoundingClientRect().top + "px"; 
});

Creating Hello World! In Java

Mafee7 — Mon, 22 Mar 2021 04:44:38 +0000

Creating Hello World! In Java

Steps:

1) Download & Install Java

2) Download & Install An Java IDE (Integrated Development Environment) (I Use Eclipse Ide)

3) Create Java Project

4) Use This Code:

class helloworld {
  public static void main(String[] args){
     System.out.println("Hello World!");
  }
}

Explanation:

   class helloworld{
   }

defines a class named helloworld

  public static void main(String[] args){
  }

Main Java Code Goes Here.

   System.out.println("Hello World!");

Prints "Hello World!" in java console.

Remember: Don't Forget To End

 System.out.println("Hello World!")

with a semicolon (;) to prevent an error.

Here we go! we have a hello world project in java!

DEV Community: Mafee7

How to make Infinity!

Make you coder friends triggered!

I found another way by which you can troll your friends!

const needed? or this will happen:

This code Crashes chrome tab #1

This is part 1, the second one is being investigated, & ACTUALLY Crashes the browser window!

Result of A list which has 10 million items in it!

How to Detect Symbols & spaces With RegEx!

Regex Is Awesome, I am learning regex.

Example In Javascript

How to use QR Code Generator API! With JS!

QR Code API By: Go QR

See API Docs:

API Link

HTML

Javascript

See Working Version:

How to Use Text To Speech In Chrome with JS

API Usage:

Rainbow Webpage

Rainbow Webpage

JavaScript with Run Options

Creating Hello World! In Java

Creating Hello World! In Java

1) Download & Install Java

2) Download & Install An Java IDE (Integrated Development Environment) (I Use Eclipse Ide)

Prank Your Coder Friend On April Fools With This!

Just rewrite the console.log function with:

Don't let your coder friend find out this variable

Can Revert Changes with:

How to Set Element Position to another Element's position.

How to Set Element Position to another Element's position. 😎

Example:

HTML:

Css:

Javascript [OP]:

Creating Hello World! In Java

Creating Hello World! In Java

1) Download & Install Java

2) Download & Install An Java IDE (Integrated Development Environment) (I Use Eclipse Ide)

3) Create Java Project

4) Use This Code:

Explanation:

`const` needed? or this will happen: