商品一覧画面カートに入っている商品の個数追加

src/main/resources/static/js/list.js

+let sumQuantity = 0;
+let totalQuantity = 0;
 $(function(){
 	$(".details").each(function() {
 		
@@ -62,7 +64,7 @@ $(function(){
 
 	//リサイズされたら、センタリングをする関数[centeringModalSyncer()]を実行する
 	$( window ).resize( centeringModalSyncer ) ;
-
+	
 	//センタリングを実行する関数
 	function centeringModalSyncer() {
 
@@ -87,11 +89,13 @@ $(function(){
 
 //カートに追加
 $('.cartBtn').on('click', function(event){
+	sumQuantity = parseInt($("#shoping-cart-span").text()) + parseInt($(event.target.previousElementSibling.previousElementSibling).children('select').val());
+//	let totalQuantity = sumQuantity + parseInt($("#shoping-cart-span").text());
 	let data = {
 			shoesId: parseInt($(event.target.previousElementSibling.previousElementSibling.previousElementSibling).children('input').val()),
 			quantity: parseInt($(event.target.previousElementSibling.previousElementSibling).children('select').val())
 	};
-	console.log(data);
+	
 	$.ajax({
 	      type: "POST",
 	      url: "/limited/inputCart",
@@ -105,6 +109,8 @@ $('.cartBtn').on('click', function(event){
 			$('#modal-overlay').remove() ;
 	
 	} ) ;
+			
+	$("#shoping-cart-span").text(sumQuantity);
 });
 
 
@@ -119,3 +125,4 @@ $("#secret").on("click", function() {
 		$("#limitedListBox").css("display", "none");
 	}
 });
+

src/main/resources/templates/list.html

@@ -90,7 +90,7 @@
                         </ul>
                         <ul class="nav navbar-nav navbar-right cart-menu">
                         <li><a class="search-btn"><i class="fa fa-search" aria-hidden="true"></i></a></li>
-                        <li><a th:href="@{/limited/cart}"><span> Cart</span> <span class="shoping-cart" th:text="${cartValue}">0</span></a></li>
+                        <li><a th:href="@{/limited/cart}"><span> Cart</span> <span class="shoping-cart" id="shoping-cart-span" th:text="${cartValue}">0</span></a></li>
                     </ul>
                     </div><!-- /.navbar-collapse -->
                 </div>