<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@3.2/dist/vue.global.js"></script> -->
</head>
<body>
      <div class="header">
        <h1>いろいろ</h1>
      </div>
      <input type="checkbox" class="openSidebarMenu" id="openSidebarMenu" />
      <label for="openSidebarMenu" class="sidebarIconToggle">
        <div class="spinner diagonal part-1"></div>
        <div class="spinner horizontal"></div>
        <div class="spinner diagonal part-2"></div>
      </label>
      <div id="sidebarMenu">
        <ul class="sidebarMenuInner">
          <li id="setting-toggle">settings</li>
        </ul>
      </div>
      <div id="toggle-item-settingMenu" class="setting">
        <label><input type="radio" name="colorSet" value="1">標準</label><br>
        <label><input type="radio" name="colorSet" value="2">赤</label><br>
        <label><input type="radio" name="colorSet" value="3">青</label><br>
        <label><input type="radio" name="colorSet" value="4">黒</label><br>
        <label><input type="radio" name="colorSet" value="5">緑</label>
      </div>
      <div class="mainInner">
        <h1 id="clickvalueview">0</h1>
        <button id="valueplus" onclick="clickButton();">click</button>
      </div>
      <script src="script.js"></script>
</body>
</html>