Merge pull request #63 from Tekken-Supporter/feature/newjinlee

Feature/newjinlee
Tekken-Supporter · Nov 29, 2023 · 5f32b05 · 5f32b05
2 parents 1509a26 + d794210
commit 5f32b05
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 13 deletions.
diff --git a/charinfo.css b/charinfo.css
@@ -8,7 +8,8 @@
 }
 
 .container {
-  width: 40%;
+  display: static;
+  width: 50%;
   height: flex;
   background-color: rgba(0, 0, 0, 0);
   display: flex;
@@ -46,6 +47,7 @@ body {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
+  padding: 10px;
 }
 
 header {
@@ -108,20 +110,21 @@ header {
   margin-left: 40px;
   transition: .5s;
 }
+
 .reviews-container{
   position: static;
   width: 25%;
-  top:50px;
-
-  height: flex;
+  margin: 20px;
+  padding: 20px;
   text-align: center;
   font-family: 'Inter';
   font-style: italic;
   font-weight: 170;
   font-size: 12px;
   line-height: 20px;
   text-transform: uppercase;
-  color: black;
+  background: linear-gradient(180deg, #D9D9D9 0%, rgba(217, 217, 217, 0.51) 0%);
+
 }
 
 .content {
@@ -241,9 +244,8 @@ h3 {
 .pagination-container {
   position: static;
   width: 25%;
-  margin-left: 50px;
-  margin-top: 20px;
-
+  margin: 20px;
+  padding: 20px;
 }
 
 .page-link {

diff --git a/charinfo.html b/charinfo.html
@@ -14,7 +14,6 @@
 
 
     <script defer src="./reviewsend.js"></script>
-
     <script defer src="./charinfo.js"></script>
 
     <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
@@ -29,8 +28,9 @@
 </head>
 
 <body>
-    <div id="reviews-container">
-        <form onsubmit="return submitReview" action="#">
+    <div class="reviews-container">
+        <h3>캐릭터 리뷰</h3><br><br>
+        <form onsubmit="return submitReview()" action="#">
             <label >캐릭터 이름:</label>
             <select class="input_champion" id="cName" name="c_name">
                 <option value="" disabled selected hidden>캐릭터를 선택하세요</option>
@@ -79,7 +79,7 @@
             <label>리뷰 내용:</label>
             <textarea id="reviewContent" name="reviewData" required></textarea><br>
 
-            <button id="submit" class="submit_btn" onclick="submitReview()" >리뷰 제출</button>
+            <button id="submit" class="submit_btn">리뷰 제출</button>
         </form>
    </div>
 

diff --git a/reviewsend.js b/reviewsend.js
@@ -2,7 +2,7 @@ function submitReview() {
     const cName = document.getElementById("cName").value;
     const userId = document.getElementById("userId").value;
     const reviewContent = document.getElementById("reviewContent").value;
-
+    console.log(cName + userId + reviewContent);
     // XMLHttpRequest 객체 생성
     const xhr2 = new XMLHttpRequest();