toggle font button

2022-05-04 21:54:05 +02:00
parent c5bbdd194c
commit e52ea0c3e6
5 changed files with 84 additions and 6 deletions
--- a/test.html
+++ b/test.html
@@ -6,9 +6,35 @@
    <title>avg convo</title>
    <link href="text_analysis.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style id="style-heonian" disabled>
+        .convo-heonian {
+            display: block;
+        }
+
+        .convo-roman {
+            display: none;
+        }
+    </style>
+    <style id="style-roman">
+        .convo-heonian {
+            display: none;
+        }
+
+        .convo-roman {
+            display: block;
+        }
+    </style>
 </head>

 <body>
+    <noscript>
+        <style>
+            #font-button {
+                display: none;
+            }
+        </style>
+    </noscript>
+    <p class="button" id="font-button">toggle font</p>
    <main>
        <div class="convo-container">
            <div class="convo">
@@ -378,6 +404,7 @@ relfur chu arilaen dedaka'nya.
            </div>
        </div>
    </main>
+    <script src="main.js"></script>
 </body>

 </html>