간단한 계산기를 html로 작성

-7

문제는 보통 계산기에있는 것처럼 하나의 입력 상자에서 작업을 수행하기를 원합니다. 첫 번째 값이 변수에 저장되고 두 번째 값을 입력 할 때 연산자 버튼을 누르면 두 번째 값을 사용하여 등호 버튼을 수행해야하지만 계산되지 않은 응답은 얻을 수 없습니다. 두 번째 값.간단한 계산기를 html로 작성

<tr> 
    <td><input type=button value="+" OnClick="num1=calc.display.value;calc.display.value=' ';"></td> 
    <td><input type=button value="C" OnClick="calc.display.value='0'"></td> 
</tr> 
<tr> 
    <td><input type=button value="=" OnClick="calc.display.value=calc.display.value+num1"></td> 
</tr>

출처

2016-07-16 Maaz88

안녕하세요, 여러분이 여기 새로 온 것 같아서 StackOverflow에 오신 것을 환영합니다. 이제 StackOverflow에서 개발자/코드 애호가/학생은 코드/프로그래밍 문제를 서로 도울 수 있습니다. 따라서 기존 소스 코드가 아직 작동하지 않는 경우에도 포함 시켜서 시도한 내용을 확인한 후 제안/수정 사항을 제공하는 것이 일반적입니다. 질문에 대한 "수정"링크를 누르고 관련 소스 코드를 추가하면 다른 회원이 전체 프로젝트를 작성하지 않고 ** 당신을 도울 수 있습니다. 고맙습니다. – SpencerD

작동하지 않는 코드를 공유하십시오. –

-2

여기는 완전한 계산기입니다. 희망이 도움이 될 것입니다.

function c(val) 
 
    { 
 
    document.getElementById("d").value=val; 
 
    } 
 
    function v(val) 
 
    { 
 
    document.getElementById("d").value+=val; 
 
    } 
 
    function e() 
 
    { 
 
    try 
 
    { 
 
     c(eval(document.getElementById("d").value)) 
 
    } 
 
    catch(e) 
 
    { 
 
     c('Error') 
 
    } 
 
    }

body 
 
    { 
 
    background-color:tan; 
 
    } 
 
    .box 
 
    { 
 
    background-color:#3d4543; 
 
    height:300px; 
 
    width:250px; 
 
    border-radius:10px; 
 
    position:relative; 
 
    top:80px; 
 
    left:40%; 
 
    } 
 
    .keys 
 
    { 
 
    position:relative; 
 
    top:15px; 
 
    } 
 
    .button 
 
    { 
 
    width:40px; 
 
    height:30px; 
 
    border:none; 
 
    border-radius:8px; 
 
    margin-left:17px; 
 
    cursor:pointer; 
 
    border-top:2px solid transparent; 
 
    } 
 
    .button.gray 
 
    { 
 
    color:white; 
 
    background-color:#6f6f6f; 
 
    border-bottom:black 2px solid; 
 
    border-top:2px #6f6f6f solid; 
 
    } 
 
    .button.pink 
 
    { 
 
    color:black; 
 
    background-color:#ff4561; 
 
    border-bottom:black 2px solid; 
 
    } 
 
    .button.black 
 
    { 
 
    color:white; 
 
    background-color:303030; 
 
    border-bottom:black 2px solid; 
 
    border-top:2px 303030 solid; 
 
    } 
 
    .button.orange 
 
    { 
 
    color:black; 
 
    background-color:FF9933; 
 
    border-bottom:black 2px solid; 
 
    border-top:2px FF9933 solid; 
 
    } 
 
    .gray:active 
 
    { 
 
    border-top:black 2px solid; 
 
    border-bottom:2px #6f6f6f solid; 
 
    } 
 
    .pink:active 
 
    { 
 
    border-top:black 2px solid; 
 
    border-bottom:#ff4561 2px solid; 
 
    } 
 
    .black:active 
 
    { 
 
    border-top:black 2px solid; 
 
    border-bottom:#303030 2px solid; 
 
    } 
 
    .orange:active 
 
    { 
 
    border-top:black 2px solid; 
 
    border-bottom:FF9933 2px solid; 
 
    } 
 
    p 
 
    { 
 
    line-height:10px; 
 
    }

<html> 
 
    <body> 
 
    <div class="box"> 
 
    <div class="display"><input type="text" readonly size="18" id="d"></div> 
 
    <div class="keys"> 
 
     <p><input type="button" class="button gray" 
 
     value="mrc" onclick='c("Created....................")'> 
 
     <input type="button" class="button gray" 
 
     value="m-" onclick='c("...............by............")'> 
 
     <input type="button" class="button gray" value=" 
 
     m+" onclick='c("....Pirate")'> 
 
     <input type="button" class="button pink" 
 
     value="/" onclick='v("/")'></p> 
 
     <p><input type="button" class="button black" 
 
     value="7" onclick='v("7")'><input type="button" 
 
     class="button black" value="8" onclick='v("8")'> 
 
     <input type="button" class="button black" value="9" 
 
     onclick='v("9")'><input type="button" 
 
     class="button pink" value="*" onclick='v("*")'></p> 
 
     <p><input type="button" class="button black" 
 
     value="4" onclick='v("4")'><input type="button" 
 
     class="button black" value="5" onclick='v("5")'> 
 
     <input type="button" class="button black" value="6" 
 
     onclick='v("6")'><input type="button" 
 
     class="button pink" value="-" onclick='v("-")'></p> 
 
     <p><input type="button" class="button black" 
 
     value="1" onclick='v("1")'><input type="button" 
 
     class="button black" value="2" onclick='v("2")'> 
 
     <input type="button" class="button black" value="3" 
 
     onclick='v("3")'><input type="button" 
 
     class="button pink" value="+" onclick='v("+")'></p> 
 
     <p><input type="button" class="button black" 
 
     value="0" onclick='v("0")'><input type="button" 
 
     class="button black" value="." onclick='v(".")'> 
 
     <input type="button" class="button black" value="C" 
 
     onclick='c("")'><input type="button" 
 
     class="button orange" value="=" onclick='e()'></p> 
 
    </div> 
 
    </div> 
 

 
</body> 
 
    </html>

출처 : http://www.codeproject.com/Tips/631525/Creating-Calculator-using-HTML-CSS-and-JavaScript

감사가 도움이되기를 바랍니다.

출처

2016-07-16 18:32:38 Pirate

고마워요. 그 아이에게 A +가 있어도 배울 필요가 없었습니다. 그러면 다음 과제가 훨씬 쉬워 질 것입니다. – Mike

간단한 계산기를 html로 작성

답변

관련 문제