File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="ko">
<head>
<title>온세종학교</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
<!-- 공통 plugin -->
<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
<script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
<!-- //공통 plugin -->
<!-- 페이지 plugin-->
<script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
<script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
<!-- chart -->
<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
<!-- //chart -->
<!-- //페이지 plugin-->
<!-- 공통 퍼블 layout: 개발시 삭제-->
<script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
<!--//퍼블 layout-->
<!-- 공통 메뉴 js-->
<!-- //공통 메뉴 js -->
<!--공통 퍼블 js-->
<script src="/resources/front/site/SITE_00000/js/common.js"></script>
<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
<!--//공통 퍼블 js-->
</head>
<body>
<div class="accessibility">
<a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
</div>
<!-- for-teacher / for-student -->
<div class="container">
<!-- 통합 헤더 및 네비게이션 -->
<header class="site-header"></header>
<div class="site-body" id="skipToContents">
<div class="wrap">
<ul class="breadcrumb">
<li><a href="#none" class="home">홈</a></li>
<li><a href="#none">1depth</a></li>
<li><a href="#none">2depth</a></li>
</ul>
<div class="page-tit-area">
<div class="l-area">
<h2 class="title-xlg">채점하기</h2>
</div>
</div>
<h3 class="txt-hide">문항별 보기</h3>
<div class="mark-area sticky-area">
<div class="cont">
<section class="section">
<header class="section-tit-area">
<div class="l-area">
<h4 class="title-lg"><em>1</em>번 문항</h4>
</div>
<div class="r-area">
<select title="문항 선택">
<option>1번</option>
<option>2번</option>
<option>3번</option>
</select>
</div>
</header>
<article class="section sm">
<h5 class="txt-hide">문항 정보</h5>
<div class="info-type">
<table>
<thead>
<tr>
<th scope="col">문항유형</th>
<th scope="col">문제유형</th>
<th scope="col">배점</th>
</tr>
</thead>
<tbody>
<tr>
<td>단일문항</td>
<td>주관식(서술형)</td>
<td>16점</td>
</tr>
</tbody>
</table>
</div>
</article>
<article class="section sm">
<div class="tit-area">
<div class="l-area">
<h5 class="title">상세정보</h5>
</div>
</div>
<div class="write-type">
<table>
<caption>채점</caption>
<colgroup>
<col style="width: 200px;">
<col>
</colgroup>
<tbody>
<tr>
<th scope="row">문제</th>
<td>
다음은 20X40을 나타낸 것입니다. 20X40은 20X4의 몇 배인가요?
</td>
</tr>
<tr>
<th scope="row">제시자료</th>
<td>
<div class="a-cont">
<div class="a-txt">
<p>
보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는
코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지
않은 것은 무엇입니까
</p>
</div>
<div class="q-img">
<figure>
<img src="/resources/front/site/SITE_00000/images/temp/img1.jpg"
alt="이미지">
<div class="img-fnc">
<button type="button"
class="btn xsm circle overlay ico-zoomin"
onclick="popupOpen('popupZoom');">확대</button>
</div>
</figure>
</div>
</div>
</td>
</tr>
<tr>
<th scope="row">세부문항</th>
<td>
<!-- 1개 -->
<p>답1, 답2, 답3</p>
<!-- 2개 이상-->
<ul class="bulelt-hangul">
<li>
<p>답1, 답2, 답3</p>
</li>
<li>
<p>답1, 답2, 답3</p>
</li>
</ul>
</td>
</tr>
<tr>
<th scope="row">정답</th>
<td>
5
</td>
</tr>
<tr>
<th scope="row">풀이</th>
<td>
20 X 40 = 800이고, 20 X 4 = 80입니다. 이때 800은 80의 10배 차이가 납니다.
</td>
</tr>
</tbody>
</table>
</div>
</article>
<article class="section sm">
<div class="tit-area">
<div class="l-area">
<h5 class="title">답안</h5>
</div>
</div>
<div class="list-type hdn-col1">
<table>
<caption>멤버 답안 목록</caption>
<colgroup>
<col style="width:64px">
<col style="width:160px">
<col>
<col style="width:160px">
</colgroup>
<thead>
<tr>
<th scope="col">No.</th>
<th scope="col">이름</th>
<th scope="col">답안</th>
<th scope="col">점수</th>
</tr>
</thead>
<tbody>
<tr>
<td>
3
</td>
<td data-tit="이름">
홍길동
</td>
<td class=" align-left" data-tit="답안">
<span class="font-color-red">미응시</span>
</td>
<td data-tit="점수">
<span class="font-color-red">0</span> / 5
</td>
</tr>
<tr>
<td>
2
</td>
<td data-tit="이름">
홍길동
</td>
<td class=" align-left" data-tit="답안">
뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가
</td>
<td data-tit="점수">
<div class="input-mum-area">
<input type="number" class="input-num">
/ <span class="total-num">10</span>
</div>
</td>
</tr>
<tr>
<td>
1
</td>
<td data-tit="이름">
홍길동
</td>
<td class=" align-left" data-tit="답안">
뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가 뻐꾹이 하늘을 날든가 말든가
</td>
<td data-tit="점수">
<div class="input-mum-area">
<input type="number" class="input-num">
/ <span class="total-num">10</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</article>
<div class="btn-cont">
<a href="#none" class="btn lg">취소</a>
<a href="#none" class="btn lg primary">저장</a>
</div>
</section>
</div>
</div>
</div>
</div>
<footer class="site-footer"></footer>
</div>
<!-- toast -->
<div class="toast"></div>
<!--popup-->
<div class="dim"></div>
<script>
$(document).ready(function() {
//점수 입력 체크
$(".input-num").on("blur", function() {
var inputValue = parseInt($(this).val(), 10);
var totalNum = parseInt($(this).siblings(".total-num").text(), 10);
if (inputValue > totalNum) {
$(this).addClass("is-error");
toastShow("배점된 점수보다 높은 점수를 줄 수 없습니다.");
} else {
$(this).removeClass("is-error");
toastHide();
}
});
});
</script>
</body>
</html>