schmidtsi76327
/
ESP8266_Treppenlicht

<!DOCTYPE html>
<html>

<head>
  <title>ESP8266 Treppenlicht</title>
  <!-- main style sheet -->
  <link href="/favicon.png" rel="icon" type="image/png" sizes="10x10">
  <link href="/style.css" rel="stylesheet" type="text/css">
</head>

<body>
  <div class="kopfzeile" style="text-align: center;">
    <b>Treppenlicht</b>
  </div>
  <!--
  <div class="ueberschrift">
    Helligkeit
    label id="label_pwm">
      </label>
    <div class="slider">
      <input type="range" class="regler" id="helligkeit" name="rangeInput" min="0" max="100" value="50"
        oninput="amount1.value=helligkeit.value">
      <br>
      <output name="amount1" id="amount1" for="helligkeit">50</output>
    </div>
  </div>-->
  <form class="ueberschrift">
    <div class="BridhgtnessInputGroup">
      <label for="brightness"> Helligkeitswert in %:</label>
      <input id="brightness" type="number" name="brightness" step="1" min="0" max="100" placeholder="zB. 50" required>
      <span class="validity"></span>
      <button type="button" onclick="getInputValue()">Speichern</button>
      
      <script>
        function getInputValue(){
          var helligkeit= document.getElementById("brightness").value;
          if (helligkeit > 100 | helligkeit < 0)
          alert("Helligkeit darf nicht groesser 100 oder kleiner 0 sein")
          else alert(helligkeit);
        }
      </script>
    </div>
  </form>


<!--
  < div class="ueberschrift" >
        Helligkeit bei Dunkelheit
          < !--< label id = "label_pwm_dark" >
      </label > 
        <div class="slider">
          <input type="range" class="regler" id="helligkeit_dunkel" name="rangeInput" min="0" max="100" value="50"
            oninput="amount2.value=helligkeit_dunkel.value">
            <br>
              <output name="amount2" id="amount2" for="helligkeit_dunkel">50</output>
    </div>
  </div>

          <div class="ueberschrift">
            Laufgeschwindigkeit
            <!--<label id="label_geschwindigkeit">
            </label>
            <div class="slider">
              <input type="range" class="regler" id="geschwindigkeit" name="rangeInput" min="0" max="100" value="50"
                oninput="amount3.value=geschwindigkeit.value">
                <br>
                  <output name="amount3" id="amount3" for="geschwindigkeit">50</output>
    </div>
  </div>

              <div class="ueberschrift">
                Licht-An-Zeit
                <!--  <label id="label_time">
                </label>
                <div class="slider">
                  <input type="range" class="regler" id="time" name="rangeInput" min="0" max="100" value="50"
                    oninput="amount4.value=time.value">
                    <br>
                      <output name="amount4" id="amount4" for="time">50</output>
    </div>
  </div>-->

                  <div class="terminal">
                    <input type="button" id="clear_term" value="clear" onclick="clearTerminal();">
                      <input type="checkbox" id="scroll" name="scroll" value="scroll" checked>
                        <label for="scroll"> autoscroll </label>
                        <textarea id="term">waiting for log messages ...&#10;</textarea>
  </div>

</body>

                    <script src="/input.js"></script>

</html>