Draft:Magnet Javascript Extention Library
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 arti…
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
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)
HTML/JS Code:
<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:
<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)
HTML/JS Code
<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
<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
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)
HTML/JS Code
<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
<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
MJEL can create Custom HTML Tags using hFunction()
HTML/MJEL Code
<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>
References
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.
- 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.