질문있습니다 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

질문있습니다

undefined주차

김*현

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

2주차 숙제 설명강의 내용대로 따라 한 것 같은데 환율이 자동 적용이 되지 않아서요.

나름 열심히 뜯어봤는데 잘 모르겠습니다 ㅜ

보고 계신 화면 전

체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
          integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
            integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
            crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
            integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
            crossorigin="anonymous"></script>

    <title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
    <link href="https://fonts.googleapis.com/css2?family=Stylish&display=swap" rel="stylesheet">
    <style>
      *  {
        font-family:'stylish', sans-serif;
    }
        .설명1 {
           width:300px;
           margin:200px 0px 0px 750px;

            text-align: center;
            border-radius: 10px;
            padding-top: 20px;

    }

        .rate {
            color : blue;
        }

    </style>

    <script>
        $(document).ready(function () {
           get_rate();
        });

        function get_rate(){
             $.ajax({
              type: "GET",
              url: "http://spartacodingclub.shop/sparta_api/rate",
              data: {},
              success: function (response) {
                let now_rate = response[1]['rate'];
                $('#now-rate').text(now-rate);
              }
            })
        }

        function order() {
            alert('주문이 완료되었습니다!');
        }


    </script>
</head>

<body>

<div class="설명1" style="width: 30rem;">
    <img class="card-img-top"
         src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSyeR9YoXpINLAqiTlumG5V_73QPi2KtHbtgA&usqp=CAU"
         alt="Card image cap">
    <div class="card-body">
        <p class="card-text"><span style="font-size:30px;">토마토를 팝니다 </span> <span
                style="font-size:20px;"> 가격 60원/개</span></p>
        <p>사실 이 토마토는 먹는 토마토가 아닙니다. bptc입니다. 프로비트글로벌과 페맥스에서 구매가능!! 먹기만 하실 겁니까? </p>
        <p class="rate">달러-원 환율: <span id="now-rate">1100.15</span></p>
    </div>

        <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1">주문자 이름</span>
            <input type="text" class="form-control" placeholder="" aria-label=""
                   aria-describedby="basic-addon1">
        </div>
        <div class="input-group mb-3">
  <label class="input-group-text" for="inputGroupSelect01">Options</label>
  <select class="form-select" id="inputGroupSelect01">
    <option selected>Choose...</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select>
</div>
        <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1">주소</span>
            <input type="text" class="form-control" placeholder="" aria-label=""
                   aria-describedby="basic-addon1">
        </div>
        <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1">전화번호</span>
            <input type="text" class="form-control" placeholder="" aria-label=""
                   aria-describedby="basic-addon1">
        </div>
    <button type="button" class="btn btn-primary">주문 하기 </button>




</body>

</html>

생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!

댓글 알림