DEV Community

Cover image for Menulis Notasi Matematika Menggunakan MathJax
BagasN
BagasN

Posted on

3 2

Menulis Notasi Matematika Menggunakan MathJax

MathJax adalah mesin tampilan open-source berbasis javascript menggunakan notasi LaTeX, MathML, dan AsciiMath yang berfungsi di semua browser modern.

"Beautiful and accessible math in all browsers"

Sesuai dengan slogannya, kamu dapat menulis notasi matematika pada html atau markdown dengan mudah.

Cara Menambahkan MathJax

Ada 2 cara menambahkan MathJax, yaitu:

  • Web Integration Cara ini merupakan cara yang paling mudah karena kamu cukup menambahkan script pada file html/markdown kalian.
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
Enter fullscreen mode Exit fullscreen mode
  • Server Integration MathJax tersedia sebagai node package, jadi kamu dapat menambahkannya dengan cara menginstall melalui npm.
npm i mathjax
Enter fullscreen mode Exit fullscreen mode

Cara menulis notasi matematika

Seperti yang sudah dijelaskan, kamu dapat menggunakan notasi LaTeX, MathML, atau AsciiMath. Kali ini saya hanya akan menjelaskan cara menulis menggunakan LaTeX saja.

Caranya cukup mudah yaitu, kamu cukup menulis notasi matematika menggunakan syntax LaTeX kemudian tambahkan masing-masing 1 tanda dolar (mode inline) atau dua tanda dolar (mode display) diantara notasi matematika tersebut $...$ / $$...$$.

<p>$$\lim_{x\to\infty}(\dfrac{1}{x})=0$$</p>
Enter fullscreen mode Exit fullscreen mode

Hasilnya akan seperti berikut,

limx(1x)=0 \lim_{x\to\infty}(\dfrac{1}{x})=0

Syntax LaTeX

Untuk menulis notasi matematika, saya sarankan untuk tidak menghafal syntax-nya tetapi menyiapkan referensi/cheat sheet. Jadi kamu cukup mencari apa yang kamu butuhkan saja.

Referensi

  1. MathJax
  2. MathJax Documentation
  3. MathJax Basic Tutorial and Quick Reference

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more