File size: 4,639 Bytes
bcb1848 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 |
<!DOCTYPE html>
<html lang="ko">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8">
<title>Spakers in Text</title>
<link rel="stylesheet" href="{{ url_for('static', path='css/put.css') }}">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<!-- jQuery ๋ฐ Bootstrap JavaScript ๋ก๋ -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"
integrity="sha256-oP6HI/tZ1aS9sz3Jr4+6zqbc9BE/l6fLx+Vz2I+H/GL4ZiI/Z5L3hMv8w3yXdBi"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-3ziFjNlAXja/Yb0M7y2BmFvR3s09gRPbrCm0lF+SvL4uIboD5lv3U3BdD7dW7Y3"
crossorigin="anonymous"></script>
<!-- ๋ชจ๋ฌ ํ์ ์คํฌ๋ฆฝํธ -->
<script>
// JavaScript ์์ : ๋ฒํผ์ด ํด๋ฆญ๋๋ฉด ๋ชจ๋ฌ ํ์
$(document).ready(function () {
$('#exampleModal').modal("show");
});
//์ถ๊ฐ ๋ชจ๋ฌ ์ด๊ธฐ ํจ์
function openAddItemModal() {
const addItemModal = createAddItemModal();
openModal(addItemModal);
}
//ํผ ์ ์ถ ์ ํญ๋ชฉ ์ถ๊ฐ ํจ์
function addItem() {
event.preventDefault();
const newItem = document.getElementById('newItem').value;
itemList.push(newItem);
updateItemList();
closeModal('addItemModal');
}
</script>
<div class="background">
<div class="header"><a href="/">
<span class="title">Nouvel : Novel for you</span></a></div>
<div class="empty"></div>
<div class="box">
<div class="subtitle">
๊ฐ์งํ ๋ฑ์ฅ์ธ๋ฌผ ๋ช
๋จ
</div>
<div class="explain_box">
<span class="explain">์์
์ด ์งํ ์ค ์
๋๋ค. ์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.</span>
</div>
<div class="container mt-4">
<ol id="itemList" class="list-group">
<!-- ๋ชฉ๋ก์ด ์ฌ๊ธฐ์ ๋์ ์ผ๋ก ์ถ๊ฐ๋ฉ๋๋ค. -->
</ol>
<!-- ์ถ๊ฐ ๋ฒํผ
<button class="btn btn-primary mt-3" data-toggle="modal" data-target="#addItemModal">์ถ๊ฐ</button> -->
<form>
<input type="text" class="form-control" id="newItem">
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">์ทจ์</button>
<!-- ์์ ๋ ๋ถ๋ถ: type ์์ฑ์ "button"์์ "submit"์ผ๋ก ๋ณ๊ฒฝ -->
<button type="submit" class="btn btn-primary" onclick="addItem()">์ถ๊ฐ</button>
</div>
</form>
</div>
<!-- ์์ /์ญ์ ๋ชจ๋ฌ -->
<div class="modal fade" id="editItemModal" tabindex="-1" role="dialog" aria-labelledby="editItemModalLabel"
aria-hidden="true">
<!-- ๋ชจ๋ฌ ์ฐฝ ๋ด์ฉ์ด ์ฌ๊ธฐ์ ๋์ ์ผ๋ก ์ถ๊ฐ๋ฉ๋๋ค. -->
</div>
<!-- ์ถ๊ฐ ๋ชจ๋ฌ
<div class="modal fade" id="addItemModal" tabindex="-1" role="dialog" aria-labelledby="addItemModalLabel" aria-hidden="true">
๋ชจ๋ฌ ์ฐฝ ๋ด์ฉ์ด ์ฌ๊ธฐ์ ๋์ ์ผ๋ก ์ถ๊ฐ๋ฉ๋๋ค.
</div>
-->
<div class="buttonbox">
<div class="transformbox">
<button onclick="handleButtonClick()" class="transformButton" type="submit">
<span>์์ํ๊ธฐ</span>
</button>
</div>
</div>
<div class="foot">
<div class="footer-text">
<span>๊ณ ๋ ค๋ํ๊ต ์ง๋ฅ์ ๋ณด SW ์์นด๋ฐ๋ฏธ 5์กฐ</span>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../static/js/confirm.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {handlePageLoad();});
</script>
</body>
</html> |