Draft:Magnet Javascript Extention Library
Submission declined on 25 April 2026 by Quinntropy (talk).
Where to get help
How to improve a draft
You can also browse Wikipedia:Featured articles and Wikipedia:Good articles to find examples of Wikipedia's best writing on topics similar to your proposed article. Improving your odds of a speedy review To improve your odds of a faster review, tag your draft with relevant WikiProject tags using the button below. This will let reviewers know a new draft has been submitted in their area of interest. For instance, if you wrote about a female astronomer, you would want to add the Biography, Astronomy, and Women scientists tags. Editor resources
|  |
Comment: In accordance with Wikipedia's Conflict of interest guideline, I disclose that I have a conflict of interest regarding the subject of this article. MelonPultVR (talk) 22:05, 25 April 2026 (UTC)
= =
The Magnet Javascript Extention Library, aka MJEL, is an Open Source library designed for JavaScript, and is designed to simplify HTML Canvas, HTML DOM, and making custom tags for HTML. It condenses long lines or blocks of code into smaller chunks of code. MJEL is created by Magnet Games and their lead developer, going by the alias MelonPultVR.
HTML/JS Canvas Simplification
[edit]MJEL was initially created to simplify canvas expressions, so people could make games and art. To be clear, you need to make the ID of your <canvas> element to "myCanvas" or it will not work
MJEL VS Vanilla JavaScript (Making a Line)
[edit]HTML/JS Code:
[edit]<html>
<head>
<title>example</title>
</head>
<body>
<h1>Hello World!</h1>
<canvas id="myCanvas" width="200px" height="200px"></canvas>
<script>
document.getElementById('myCanvas').getContext('2d').beginPath();
document.getElementById('myCanvas').getContext('2d').moveTo(0,0);
document.getElementById('myCanvas').getContext('2d').lineTo(200,200);
document.getElementById('myCanvas').getContext('2d').stroke();
</script>
</body>
</html>
HTML/MJEL Code:
[edit]<html>
<head>
<title>example</title>
<script src="magnet-games.w3spaces.com/mjel.js"></script>
</head>
<body>
<h1>Hello World!</h1>
<canvas id="myCanvas" width="200px" height="200px"></canvas>
<script>
line(0,0,200,200)
</script>
</body>
</html>
While JS requires multiple long lines of code, MJEL only needs 1 short line of code.
MJEL VS Vanilla JavaScript: (Drawing Bezier Curves)
[edit]HTML/JS Code
[edit]<html>
<head>
<title>example</title>
</head>
<body>
<h1>Hello World!</h1>
<canvas id="myCanvas" width="200px" height="200px"></canvas>
<script>
document.getElementById('myCanvas').getContext('2d').beginPath();
document.getElementById('myCanvas').getContext('2d').moveTo(0,0);
document.getElementById('myCanvas').getContext('2d').bezierCurveTo(50, 150, 150, 50, 200, 200);
document.getElementById('myCanvas').getContext('2d').stroke();
</script>
</body>
</html>
HTML/MJEL Code
[edit]<html>
<head>
<title>example</title>
<script src="magnet-games.w3spaces.com/mjel.js"></script>
</head>
<body>
<h1>Hello World!</h1>
<canvas id="myCanvas" width="200px" height="200px"></canvas>
<script>
bezier(0,0,50,150,150,50,200,200)
</script>
</body>
</html>
HTML DOM Simplification
[edit]MJEL is designed to make HTML DOM simpler and easier to write and understand. Even though MJEL DOM is less useful than MJEL Canvas, it can still be used to simplify.
MJEL VS Vanilla JavaScript (Changing HTML elements)
[edit]HTML/JS Code
[edit]<html>
<head>
<title>example</title>
</head>
<body>
<h1 id="demo">Hello World!</h1>
<script>
document.getElementById('demo').innerHTML = Hello Earth!
</script>
</body>
</html>
HTML/MJEL Code
[edit]<html>
<head>
<title>example</title>
<script src="magnet-games.w3spaces.com/mjel.js"></script>
</head>
<body>
<h1 id="demo">Hello World!</h1>
<script>
changeHtml('demo', 'Hello Earth!')
</script>
</body>
</html>
HTML Custom Tags/HTML Functions
[edit]MJEL can create Custom HTML Tags using hFunction()
HTML/MJEL Code
[edit]<html>
<head>
<title>example</title>
<script src="magnet-games.w3spaces.com/mjel.js"></script>
</head>
<body>
<h1>Hello World!</h1>
<fn-greet></fn-greet>
<canvas id="myCanvas" width="200px" height="200px"></canvas>
<script>
hFunction('fn-greet','<h1>Hi</h1><h2>there</h2>')
</script>
</body>
</html>
- provide significant coverage: discuss the subject in detail, not just brief mentions or routine announcements;
- are reliable: from reputable outlets with editorial oversight;
- are independent: not connected to the subject, such as interviews, press releases, the subject's own website, or sponsored content.
Please add references that meet all three of these criteria. If none exist, the subject is not yet suitable for Wikipedia.