index.html

<!DOCTYPE html>
<html>
<head>
<style>
.button {
    background-color: #db7b26;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
</style>
</head>
<body>
    <center>
<h1>GLSL2WGSL</h1>
<h2>Convert glsl code to wgsl</h2>

<p>Paste glsl code here:</p>


<!-- <p id="demo"></p> -->

<br>

<!-- <textarea id="glslarea" name="glsl-" rows="10" cols="80">float b = 1; </textarea> -->
<textarea id="glslarea" name="glsl" rows="15" cols="80">
float yu = 1;
</textarea>

<br>
<br>

<button onclick="dum()" class="button">Convert!</button>
<br>
<br>

<textarea id="wgslarea" name="wlsl-" rows="15" cols="80"> </textarea>
</center>
<br>


<script src="/main.js" type="module"></script>

</body>
</html>