yesliz98
처음 하는 기록장
yesliz98
  • 분류 전체보기 (56)
    • 구글링 기록 (3)
    • 독학 (23)
      • Kotlin (0)
      • 안드로이드 (1)
      • 기타 (4)
      • forge modding (18)
    • 필기 (3)
    • 작심삼일 (8)
    • 잡담 (12)
    • 기타 (3)
      • 게임 (2)

최근 글

태그

  • sololearn 한글
  • kotlin
hELLO · Designed By 정상우.
yesliz98

처음 하는 기록장

독학/기타

시간 계산기 웹사이트 틀

2020. 11. 12. 22:26
<head>
    <script>
        function addF(){
            var h = document.getElementById("resultH").innerHTML;
            var m = document.getElementById("resultM").innerHTML;
            
            h = Number(h) + Number(document.getElementById("hh").value);
            m = Number(m) + Number(document.getElementById("mm").value);
            
            h = h + parseInt(m/60);
            m = m%60;
            document.getElementById('resultH').innerHTML = h;
            document.getElementById('resultM').innerHTML = m;
        }
        function minusF(){
            var h = Number(document.getElementById("resultH").innerHTML);
            var m = Number(document.getElementById("resultM").innerHTML);
            
            var oriH = Number(document.getElementById("hh").value);
            var oriM = Number(document.getElementById("mm").value);
            
            if(oriM > m){
                h -=1;
                m += 60;
            }
            
            h = h - Number(document.getElementById("hh").value);
            m = m - Number(document.getElementById("mm").value);
            
            h = h + parseInt(m/60);
            m = m%60;
            document.getElementById('resultH').innerHTML = h;
            document.getElementById('resultM').innerHTML = m;
        }
    </script>
    
</head>
<body>
    시: <input type="text" id="hh" /><br />
    분: <input type="text" id="mm" /><br />
    
    <button id="add" onClick="addF()">더하기</button>
    <button id="minus" onClick="minusF()">빼기</button>
    
    <p id="resultH">0</p>
    <p id="resultM">0</p>
    
</body>

메모장에 복붙해서 파일형식 html로 변경 후 웹으로 열면 사용 가능

저작자표시 비영리 (새창열림)
    '독학/기타' 카테고리의 다른 글
    • html 속성 포맷팅 하는 정규식
    • 티스토리 api 쓰는 웹서비스
    • VBA 엑셀 빈칸 뚫기 문제 만드는 파일 코드1
    yesliz98
    yesliz98

    티스토리툴바