JSFiddle - React, Tailwind, and code Playground

by enagu

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
<script type="text/x-mathjax-config">
   MathJax.Hub.Config({
      tex2jax: { inlineMath: [["$","$"],["\\(","\\)"]] },
      "HTML-CSS": {
        linebreaks: { automatic: true, width: "container" }          
      }              
   });
</script>
</head>
<body>
<p>
 <math xmlns:m="http://www.w3.org/1998/Math/MathML"><mstyle displaystyle="true">
  <mtable columnalign="left">
   <mtr>
    <mtd>
     <msub>
      <mstyle mathvariant="bold" mathsize="normal"><mi>v</mi></mstyle>
      <mstyle mathvariant="bold" mathsize="normal"><mn>2</mn></mstyle>
     </msub>
     <mo>=</mo><mfrac>
      <mrow>
       <mo stretchy="false">(</mo><mn>10</mn><mo>−</mo><mn>5</mn><msub>
        <mi>v</mi>
        <mn>1</mn>
       </msub>
       <mi>cos</mi><mo>⁡</mo><mn>50</mn><mo stretchy="false">)</mo><mstyle mathvariant="bold" mathsize="normal"><mi>i</mi></mstyle><mo>−</mo><mo stretchy="false">(</mo><mn>5</mn><mo>·</mo><msub>
        <mi>v</mi>
        <mn>1</mn>
       </msub>
       <mi>sin</mi><mo>⁡</mo><mn>50</mn><mo stretchy="false">)</mo><mstyle mathvariant="bold" mathsize="normal"><mi>j</mi></mstyle>
      </mrow>
      <mn>8</mn>
     </mfrac>
     
    </mtd>
   </mtr>
   <mtr>
    <mtd>
     <msubsup>
      <mi>v</mi>
      <mn>2</mn>
      <mn>2</mn>
     </msubsup>
     <mo>=</mo><mfrac>
      <mrow>
       <msup>
        <mrow>
         <mo stretchy="false">(</mo><mn>10</mn><mo>−</mo><mn>5</mn><msub>
          <mi>v</mi>
          <mn>1</mn>
         </msub>
         <mi>cos</mi><mo>⁡</mo><mn>50</mn><mo stretchy="false">)</mo>
        </mrow>
        <mn>2</mn>
       </msup>
       <mo>−</mo><msup>
        <mrow>
         <mo stretchy="false">(</mo><mn>5</mn><mo>·</mo><msub>
          <mi>v</mi>
          <mn>1</mn>
         </msub>
         <mi>sin</mi><mo>⁡</mo><mn>50</mn><mo stretchy="false">)</mo>
  ...