홈 오토메이션 조명 타이머가있는 웹 서버

Question

8 채널을위한 타이머가 내장 된 웹 서버를 만들려고 제 라즈베리 파이에 앉아 있습니다.

현재 내가 빛을 "켜고/끕니다"를 클릭 할 수있는 서버를 만들었습니다.

내가 무엇을 찾고 있어요 :

빛이 켜져 있어야하는 시간 (초)을 작성하는 텍스트 영역과 간단한 테스트 웹 페이지. 이 번호는 텍스트 문서의 특정 줄에 인쇄해야합니다.

수는 다음과 같이 배치되어야한다 GPIO 쓰기 13 1 슬립 "여기 번호" 의 GPIO wirte 13 0

Answer 1

<input id="whiteElephant" type="number" name="quantity" min="1" max="5"> 

    <script> 
    var myInput=document.getElementById("whiteElephant");//element to be changed by user 
    myInput.setAttribute('onchange', 'doSomething(this)');//when this element is changed it fires a function 

    function doSomething(input){ 
    var myVariable="gpio write 13 1 sleep" + input.value + "gpio wirte 13 0";//set myVariable to the string that is required 
    //do something with myVariable 
    } 
    </script>