diff options
| author | altaf-creator <athaalaa@gmail.com> | 2023-09-02 16:23:18 +0700 |
|---|---|---|
| committer | altaf-creator <athaalaa@gmail.com> | 2023-09-02 16:23:18 +0700 |
| commit | ec9892ad62f3bd6a1a7c9faf2505bc861a48fddd (patch) | |
| tree | 2af7f8aedcb3696a6bed4578dd4f85fd2d13a55d /lessons/fisika/static-electricity/coulomb.html | |
| parent | 86f162bfd4123c012d06f9385795a51813f8f958 (diff) | |
New translation, new physics page
Diffstat (limited to 'lessons/fisika/static-electricity/coulomb.html')
| -rw-r--r-- | lessons/fisika/static-electricity/coulomb.html | 82 |
1 files changed, 77 insertions, 5 deletions
diff --git a/lessons/fisika/static-electricity/coulomb.html b/lessons/fisika/static-electricity/coulomb.html index 4c6db89..47ec781 100644 --- a/lessons/fisika/static-electricity/coulomb.html +++ b/lessons/fisika/static-electricity/coulomb.html @@ -13,6 +13,8 @@ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous"> + <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script> </head> <body> @@ -52,8 +54,11 @@ </div> </div> - <div class="chip-container" id="chip-container"> - <div class="chip"><span>❓ Unchecked by Professionals</span></div> + <div class="top-chips-container" id="chip-container"> + <div class="chip-container"> + <div class="chip"><span>❓ Unchecked by Professionals</span></div> + </div> + <div><a href="id-coulomb.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> </div> <div id="main"> @@ -84,7 +89,7 @@ <ol></ol> <ol> <li> - <p> </p> + <p>Find F.</p> <img src="/assets/images/atoms/coulomb1.svg" alt=""><br> <h2>Given:</h2> <p> @@ -104,8 +109,75 @@ </li> <hr> <li> - <p> </p> - </li> + <p>Find F.</p> + <img src="/assets/images/atoms/coulomb2.svg" alt=""><br> + <h2>Given:</h2> + <span id="m2"></span> + <h2>Solution:</h2> + <span id="m1"></span> + </li> + <script defer> + const m1 = document.getElementById("m1"); + const m2 = document.getElementById("m2"); + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + &= 9 \times 10^9\dfrac{6 \times 10^{-6} \cdot 12 \times 10^{-6}}{9 \times 10^{-2}}\\ + &= \dfrac{10^9 \cdot 6 \times 10^{-6} \cdot 12 \times 10^{-6}}{10^{-2}} = \dfrac{6 \cdot 12 \cdot 10^9 \cdot 10^{-6} \cdot 10^{-6}}{10^{-2}}\\ + &= \dfrac{72 \cdot 10^{-3}}{10^{-2}}\\ + &= 72 \times 10^{-1} + \end{aligned} + `, m1, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + r &= 30 \textnormal{ cm} = 0,3 \textnormal{ m} = 3 \times 10^{-1}\\ + r^2 &= (3 \times 10^{-1})^2 = 9 \times 10^{-2}\\ + Q_1 &= 6 \textnormal{ MC}\\ + Q_2 &= 12 \textnormal{ MC} + \end{aligned} + `, m2, { + throwOnError: false + }); + </script> + <hr> + <li> + <p>If F = 9 × 10<sup>9</sup>, Find r.</p> + <img src="/assets/images/atoms/coulomb3.svg" alt=""><br> + <h2>Given:</h2> + <span id="m3"></span> + <h2>Solution:</h2> + <span id="m4"></span> + </li> + <script defer> + const m3 = document.getElementById("m3"); + const m4 = document.getElementById("m4") + + katex.render(String.raw` + \begin{aligned} + F &= k\dfrac{Q_1Q_2}{r^2}\\ + 9 \times 10^9 &= 9 \times 10^9\dfrac{4 \times 10^{-3} \cdot 4 \times 10^{-3}}{r^2}\\ + 9 \times 10^9 r^2 &= 9 \times 10^9 \cdot 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + r^2 &= 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\ + &= 16 \times 10^{-6}\\ + r &= \sqrt{16 \times 10^{-6}}\\ + &= 4 \times 10^{-3} + \end{aligned} + `, m4, { + throwOnError: true + }); + katex.render(String.raw` + \begin{aligned} + Q_1 &= 4 \textnormal{ mC}\\ + Q_2 &= 4 \textnormal{ mC}\\ + F &= 9 \times 10^9 \textnormal{ N} + \end{aligned} + `, m3, { + throwOnError: false + }); + </script> </ol> <h1 id="references">References</h1> <ol> |