JSFiddle - React, Tailwind, and code Playground

by sosuzukikke

HTML

<html>
  <body>
        <h2>状態N</h2>
        <div id='canvas1' class='mofi'>
Node:
-  1 0.0 0.0
-  2 3.0 0.0
-  3 6.0 0.0
- 11 0.0 3.0
- 12 3.0 3.0
- 13 6.0 3.0
- 102 3.0 1.2
- 112 3.0 1.8
Boundary:
-  1  1  1  0
-  3  1  1  0
Member:
-  1 11 1.0 1000.0
-  3 13 1.0 1000.0
-  1  2 1.0 1000.0
-  2  3 1.0 1000.0
- 11 12 1.0 1000.0
- 12 13 1.0 1000.0
-   2 102 1.0 1000.0
-  112 12 1.0 1000.0
NodalLoad:
- 11 10.0  0.0  0.0
        </div>
        <h2>状態R</h2>
        <div id='canvas2' class='mofi'>
Node:
-  1 0.0 0.0
-  2 3.0 0.0
-  3 6.0 0.0
- 11 0.0 3.0
- 12 3.0 3.0
- 13 6.0 3.0
- 102 3.0 1.2
- 112 3.0 1.8
Boundary:
-  1  1  1  0
-  3  1  1  0
Member:
-  1 11 1.0 1000.0
-  3 13 1.0 1000.0
-  1  2 1.0 1000.0
-  2  3 1.0 1000.0
- 11 12 1.0 1000.0
- 12 13 1.0 1000.0
-   2 102 1.0 1000.0
-  112 12 1.0 1000.0
-  102 112 1000.0 1000.0
NodalLoad:
- 11 10.0  0.0  0.0
        </div>
        <h2>状態T</h2>
        <div id='canvas3' class='mofi'>
Node:
-  1 0.0 0.0
-  2 3.0 0.0
-  3 6.0 0.0
- 11 0.0 3.0
- 12 3.0 3.0
- 13 6.0 3.0
- 102 3.0 1.2
- 112 3.0 1.8
Boundary:
-  1  1  1  0
-  3  1  1  0
- 11  1  0  0
- 13  1  0  0
Member:
-  1 11 1.0 1000.0
-  3 13 1.0 1000.0
-  1  2 1.0 1000.0
-  2  3 1.0 1000.0
- 11 12 1.0 1000.0
- 12 13 1.0 1000.0
-   2 102 1.0 1000.0
-  112 12 1.0 1000.0
NodalLoad:
- 102  10.0  0.0  0.0
- 112 -10.0  0.0  0.0
        </div>
        <script src="https://www4.kke.co.jp/resp/tool/mofi.js"></script>
    </body>
</html>