-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
81 lines (64 loc) · 2.86 KB
/
script.js
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
// ========================================================================================================
//검색창쪽 시작
document.addEventListener('DOMContentLoaded', function() {
const searchBtn = document.getElementById('customSearchBtn');
const popupBg = document.getElementById('customPopupBg');
const popupContent = document.getElementById('customPopupContent');
const closeBtn = document.getElementById('customCloseBtn');
const searchInput = document.getElementById('customSearchInput');
const searchSubmit = document.getElementById('customSearchSubmit');
searchBtn.addEventListener('click', () => {
popupBg.style.display = 'flex';
document.body.classList.add('popup-open');
});
closeBtn.addEventListener('click', () => {
popupBg.style.display = 'none';
document.body.classList.remove('popup-open');
});
searchSubmit.addEventListener('click', () => {
const searchTerm = searchInput.value;
// 검색 기능을 구현하고 검색 결과를 처리하는 코드를 추가
});
// 팝업 내용과 사용자 검색하기 버튼을 추가 및 관련 기능
});
//검색창쪽 끝
// ========================================================================================================
// ========================================================================================================
<!-- msg3.html에 적용되는 <script>부분!! -->
// 팝업창용 스크립트 시작!
function showPopup(popupId) {
const popup = document.getElementById(popupId);
popup.classList.add("active");
}
function hidePopup(popupId) {
const popup = document.getElementById(popupId);
popup.classList.remove("active");
}
// 팝업창용 스크립트 끝-
//---------------------------------------------------------
// 여기는 채팅창용 스크립트 시작!
document.addEventListener("DOMContentLoaded", function () {
const messages = document.getElementById("messages");
const messageInput = document.getElementById("messageInput");
const sendButton = document.getElementById("sendButton");
sendButton.addEventListener("click", function () {
const messageText = messageInput.value.trim();
if (messageText !== "") {
// const messageDiv = document.createElement("div");
// messageDiv.classList.add("message", "user-message"); // 추가된 클래스
// messageDiv.textContent = messageText;
// messages.appendChild(messageDiv);
// messageInput.value = "";
// messages.scrollTop = messages.scrollHeight; // 스크롤을 아래로 이동
}
});
// 엔터 키로 메시지 전송
// messageInput.addEventListener("keypress", function (event) {
// if (event.key === "Enter") {
// sendButton.click();
// event.preventDefault(); // 폼 제출 방지
// }
// });
});
// 여기는 채팅창용 스크립트 끝
// ========================================================================================================