Q&A

책을 따라하다가 막히는 부분이 있나요?
질문을 남겨주세요.

챕터 3 자바스크립트덧셈 기능 문제

3 years, 5 months ago

heesoo heesoo

다른 건 다 멀쩡히 되는데 덧셈기능에서 a,b 숫자를 바꿔도 실시간으로 결과값이 반영되지 않습니다. 어디가 문제인지 모르겠습니다. 알려주세요!


<!DOCTYPE html>
<html>
    <head>
        <title>정희수의 홈페이지</title>
        <link href="./practice.css" rel="stylesheet" type="text/css">

        <script type="text/javascript">
            function doSomething(){
                let a=document.getElemntById('inputA').value;
                let b=document.getElementById('inputB').value;
                document.getELemntById("valueA").innerHTML=a;
                document.getElementById("valueB").innerHTML=b;
                document.getElementById("valueC").innerHTML=Number(a)+Number(b);
            }
        </script>

    </head>
    <body>
        <nav>
            <a href="./index.html">Home</a>
            <a href="./blog_list.html">Blog</a>
            <a href="./about_me.html">About Me</a>
        </nav>

        <h1>첫번째 크기 헤드라인</h1>
        <h2>두번째 크기 헤드라인</h2>
        <h3>세번째 크기 헤드라인</h3>
        <h4>네번째 크기 헤드라인</h4>
        <h5>다섯번째 크기 헤드라인</h5>

        <label for="inputA">a</label>
        <input id="inputA" value=1 onkeyup="doSomething()">
        <label for="inputB">b</label>
        <input id="inputB" value=2 onkeyup="doSomething()"> 
        
        <p><span id="valueA">1</span> + <span id="valueB">2</span> = <span id="valueC">3</span>입니다.</p>
        <p>문단은 p로 쓰세요. p는 paragraph의 앞글자.</p>
        <a href="https://www.google.com">Go to google</a>
        <hr/>
        <img src="./images/stay_funky.jpg" width="600px">
    </body>
</html>

heesoo
heesoo   3 years, 5 months ago

복붙 안 하고 다 쓰려고 하다보니 오타가 났네요. 답변 감사합니다. 열심히 공부하겠습니다!

Updated: May 29, 2021, 2:10 p.m.

taegon
taegon   3 years, 5 months ago

안녕하세요.

올려주신 자바스크립트 코드에 오타가 있습니다.

                let a=document.getElemntById('inputA').value;
                let b=document.getElementById('inputB').value;
                document.getELemntById("valueA").innerHTML=a;

직접 타이핑하면서 연습하시는 건 좋은 습관입니다. 옮겨적다보면, 오타가 있기도 하고, 잘 안 보이기도 합니다. 찾고 나면 허무하기도 한데요. 너무 자연스러운 과정이라고 생각합니다.

혹시 다른 질문 있으시거나, 막히는 부분이 있으시면 질문 남겨주세요.
고맙습니다.

Updated: May 29, 2021, 12:41 p.m.

Leave a Comment:
목록보기
Search
  • 자유게시판
  • Q&A