Shabi Levi Ответов: 2

Почему бы некоторым массивам после этого не отменить строку


Код работает точно так же, как сайт спортивных ставок
После кликов по ставке и азартных игр больше
Этот код включает в себя умножение
Каждый клик приносит значение массиву
Но при нажатии кнопки Отмена код должен вычислить деление
Я не знаю точно, в чем здесь проблема
У кого-нибудь есть что посмотреть?

<html>
    <head>
        <title>Page Title</title>
        <script src="https://code.jquery.com/jquery-3.1.1.js"></script>

        <style type="text/css">

.box{
background-color:  #333333;
width: 100%;
float:left;
border: 1px solid white;
}
	.cl-box{
	width: 25%;
	float: left;
	}
		.cl-box-h4{
		width: 25%%;
		}
			p{
			background-color: #333333;
			color: #ffff33;
			text-align: center;
			width: 25%;
			float: left;
			}
				th.with{
				background-color: #333333;
				color: #ffff33;
				text-align: center;
				width: 25%;
				}
					th.without{
					background-color: #666666;
					color: #ffff33;
					text-align: center;
					width: 25%;
					}
						table{
						width: 100%;
						}
							h5{
							background-color: #333333;
							color: #ffff33;
							text-align: center;
							width: 100%;
							margin-top: 5%;
							}
								h4{
								width: 25%;
								float: left;
								text-align: center;
								color: white;
								}
									p:hover,th.with:hover{
									color: white;
									background-color: grey;
									}
        </style>
    </head>
    <body>
   		    <table>
		    	<tr>
		    		<th class="without">Liga</th>
		    		<th class="without">1</th>
		    		<th class="without">X</th>
		    		<th class="without">2</th>
		    	</tr>
		    	<tr>
		    		<th class="without">Liverpool - Burnley</th>
		    		<th class="with" value="1.9" team="Liverpool - Burnley" choice="Liverpool">1.9</th>
		    		<th class="with" value="2.8" team="Liverpool - Burnley" choice="Draw">2.8</th>
		    		<th class="with" value="1.65" team="Liverpool - Burnley" choice="Burnley">1.65</th>
		    	</tr>
		    	<tr>
		    		<th class="without">Southampton	- Manchester United</th>
		    		<th class="with" value="2.6" team="Southampton - Manchester United" choice="Southampton">2.6</th>
		    		<th class="with" value="3.45" team="Southampton - Manchester United" choice="Draw">3.45</th>
		    		<th class="with" value="2.7" team="Southampton - Manchester United" choice="Manchester United">2.7</th>
		    	</tr>
		    	<tr>
		    		<th class="without">Dep La Coruna - Barcelona</th>
		    		<th class="with" value="1.4" team="Dep. La Coruna	- Barcelona" choice="Barcelona">1.4</th>
		    		<th class="with" value="4.2" team="Dep. La Coruna	- Barcelona" choice="Draw">4.2</th>
		    		<th class="with" value="5"   team="Dep. La Coruna	- Barcelona" choice="Dep. La Coruna">5</th>
		    	</tr>

		    </table>        
        
        <ol id="mylist"></ol>

	    <div id="test"></div>
	    <div id="test2"></div>

    </body>
<script type="text/javascript">
var total = 1;
var arr=new Array();
			$( document ).ready(function() {
											$(".with").each(function() { 
																		$(this).click(function() {
																								    arr.push($(this).attr("value"));
																									var total = 1;
																									$.each(arr,function(i) {																				total = total * parseFloat(arr[i]);
																									  						$("#test").html("יחס כולל" + " : " + total.toFixed(2));
																															});
																								});
																		});
											});


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

		$(function() {
						$(".with").on("click", function() {
																var val = $(this).attr("value");
																var team = $(this).attr("team");
																var choice = $(this).attr("choice");	
																var elem = $("<li style='list-style-type: none;'></li></br>").text(
																"(" + team + ")" + choice+ " " + val);
																$(elem).append("<button style='float:left' value='" + val +"' class='rem'>X</button>");
																$("#mylist").append(elem);
																$(".rem").on("click", function() {
																									$(this).parent().remove();
																									var delArr = $(this).attr("value");
																									alert("this arr: " + arr[0] + "this delArr : " + delArr  );
																									console.log("this arr: " + arr[0] + "this delArr : " + delArr);
																									$("#test2").text(arr.toString());
																									var i = arr.indexOf(delArr);
																									if(i != -1) {
																									arr.splice(i, 1);
																									$("#test2").text(("arr (" + arr.toString() + ")"));
																									$("#test").html("יחס כולל" + " : " + total.toFixed(2));

																									}
																								 });
															});
					});
		</script>
</html>


Что я уже пробовал:

Код работает точно так же, как сайт спортивных ставок
После кликов по ставке и азартных игр больше
Этот код включает в себя умножение
Каждый клик приносит значение массиву
Но при нажатии кнопки Отмена код должен вычислить деление
Я не знаю точно, в чем здесь проблема
У кого-нибудь есть что посмотреть?

2 Ответов

Рейтинг:
17

Shabi Levi

<html>
<head>
	<title>Page Title</title>
	<script src="https://code.jquery.com/jquery-3.1.1.js"></script>

	<style type="text/css">

		.box{
			background-color:  #333333;
			width: 100%;
			float:left;
			border: 1px solid white;
		}
		.cl-box{
			width: 25%;
			float: left;
		}
		.cl-box-h4{
			width: 25%%;
		}
		p{
			background-color: #333333;
			color: #ffff33;
			text-align: center;
			width: 25%;
			float: left;
		}
		th.with{
			background-color: #333333;
			color: #ffff33;
			text-align: center;
			width: 25%;
		}
		th.without{
			background-color: #666666;
			color: #ffff33;
			text-align: center;
			width: 25%;
		}
		table{
			width: 100%;
		}
		h5{
			background-color: #333333;
			color: #ffff33;
			text-align: center;
			width: 100%;
			margin-top: 5%;
		}
		h4{
			width: 25%;
			float: left;
			text-align: center;
			color: white;
		}
		p:hover,th.with:hover{
			color: white;
			background-color: grey;
		}
	</style>
</head>
<body>
	<table>
		<tr>
			<th class="without">Liga</th>
			<th class="without">1</th>
			<th class="without">X</th>
			<th class="without">2</th>
		</tr>
		<tr>
			<th class="without">Liverpool - Burnley</th>
			<th class="with" value="1.9" team="Liverpool - Burnley" choice="Liverpool">1.9</th>
			<th class="with" value="2.8" team="Liverpool - Burnley" choice="Draw">2.8</th>
			<th class="with" value="1.65" team="Liverpool - Burnley" choice="Burnley">1.65</th>
		</tr>
		<tr>
			<th class="without">Southampton	- Manchester United</th>
			<th class="with" value="2.6" team="Southampton - Manchester United" choice="Southampton">2.6</th>
			<th class="with" value="3.45" team="Southampton - Manchester United" choice="Draw">3.45</th>
			<th class="with" value="2.7" team="Southampton - Manchester United" choice="Manchester United">2.7</th>
		</tr>
		<tr>
			<th class="without">Dep La Coruna - Barcelona</th>
			<th class="with" value="1.4" team="Dep. La Coruna	- Barcelona" choice="Barcelona">1.4</th>
			<th class="with" value="4.2" team="Dep. La Coruna	- Barcelona" choice="Draw">4.2</th>
			<th class="with" value="5"   team="Dep. La Coruna	- Barcelona" choice="Dep. La Coruna">5</th>
		</tr>

	</table>



	<ol id="mylist"></ol>

	<div id="test"></div>
	<div id="test2"></div>





</body>
<script type="text/javascript">

	function dividevalue(remove_value){
		var this_remove_value =  remove_value;
		var total_amount = $('#g_total').html();
		var result_value =  total_amount/this_remove_value;
		$(this).parent().remove();
		$('#test').html('');
		if(result_value>1){
			$("#test").html('יחס כולל' + ': <div id="g_total">' + result_value.toFixed(2)+'</div>');
		}
		else{
			$("#test").html('יחס כולל' + ': <div id="g_total">0</div>');
		}
	}
	var total = 1;
	var arr=new Array();
	$( document ).ready(function() {
	



	});




$(function() {



$(".with").on("click", function() {
var val = $(this).attr("value");
var team = $(this).attr("team");
var choice = $(this).attr("choice");	
var elem = $("<li style='list-style-type: none;'></li></br>").text(
"(" + team + ")" + choice+ " " + val);
$(elem).append("<button style='float:left' onclick='dividevalue("+val+")' value='" + val +"' class='rem'>X</button>");
$("#mylist").append(elem);
var get_t_value = $('#g_total').html();
console.log(get_t_value);
var multipl_val = val*get_t_value;
	if(get_t_value == null){
$("#test").html('יחס כולל' + ': <div id="g_total">' + val+'</div>');
}
	else if(get_t_value == '0.00'){
$("#test").html('יחס כולל' + ': <div id="g_total">' +val+'</div>');

}
	else if(get_t_value == 0){
$("#test").html('יחס כולל' + ': <div id="g_total">' + val+'</div>');
} 
	else{	
$("#test").html('יחס כולל' + ': <div id="g_total">' + multipl_val.toFixed(2)+'</div>');
}
$(".rem").on("click", function() {
$(this).parent().remove();
});
});




});
</script>
</html>


Рейтинг:
1

Shabi Levi

I got along fine already


в <предварительно&ГТ;&ЛТ;HTML и ГТ;
< голова>
в <название>в заголовок страницы&ЛТ;/название&ГТ;
&ЛТ;скрипт СРЦ="https://code.jquery.com/jquery-3.1.1.js"&ГТ;&ЛТ;/скрипт>

< style type= "text/css">

.коробка{
цвет фона: #333333;
ширина: 100%;
поплавок: левый;
граница: 1px сплошной белый;
}
.КЛ-коробка{
ширина: 25%;
поплавок: левый;
}
.КЛ-коробка-Н4{
ширина: 25%%;
}
п{
цвет фона: #333333;
цвет: #ffff33;
выравнивание текста: по центру;
ширина: 25%;
поплавок: левый;
}
й.с{
цвет фона: #333333;
цвет: #ffff33;
выравнивание текста: по центру;
ширина: 25%;
}
й.без{
цвет фона: #666666;
цвет: #ffff33;
выравнивание текста: по центру;
ширина: 25%;
}
стол{
ширина: 100%;
}
h5{
цвет фона: #333333;
цвет: #ffff33;
выравнивание текста: по центру;
ширина: 100%;
маржа-топ: 5%;
}
Н4{
ширина: 25%;
поплавок: левый;
выравнивание текста: по центру;
белый цвет;
}
п:наведите,че.с:наведите{
белый цвет;
цвет фона: серый;
}
< / стиль>
< / head>
& lt;тело>
< Таблица>
<tr>
&ЛТ;й класс="без"и GT;Лига&ЛТ;/й&ГТ;
&ЛТ;й класс="без"и GT;1&ЛТ;/й&ГТ;
&ЛТ;й класс="без"и GT;х&ЛТ;/й&ГТ;
&ЛТ;й класс="без"и GT;2&ЛТ;/й&ГТ;
< / tr>
<tr>
&ЛТ;й класс="без"и GT;Ливерпуль - Бернли&ЛТ;/й&ГТ;
&ЛТ;й степени="" стоимостью="1.9" команда="Ливерпуль - Бернли" выбор="Ливерпуля"&ГТ;1.9&ЛТ;/й&ГТ;
&ЛТ;й степени="" стоимостью="2.8" команда="Ливерпуль - Бернли" выбор="ничья"&ГТ;2.8&ЛТ;/й&ГТ;
&ЛТ;й степени="" стоимостью="1.65" команда="Ливерпуль - Бернли" выбор="Бернли"&ГТ;1.65&ЛТ;/й&ГТ;
< / tr>
<tr>
< th class= " без " & gt;Саутгемптон - Манчестер Юнайтед< / th>
&ЛТ;й степени="" стоимостью="2.6" команда=" "Саутгемптон" - "Манчестер Юнайтед "" выбор="Саутгемптон"&ГТ;2.6&ЛТ;/й&ГТ;
&ЛТ;й степени="" стоимостью="3.45" команда=" "Саутгемптон" - "Манчестер Юнайтед "" выбор="ничья"&ГТ;3.45&ЛТ;/й&ГТ;
&ЛТ;й степени="" стоимостью="2.7" команда=" "Саутгемптон" - "Манчестер Юнайтед "" выбор="Манчестер Юнайтед"&ГТ;2.7&ЛТ;/й&ГТ;
< / tr>
<tr>
&ЛТ;й класс="без"и GT;отд Ла Коруна - Барселона на</й&ГТ;
&ЛТ;й степени="" стоимостью="1.4" команда="отд. Ла Коруна - Барселона" выбор="Барселоны"&ГТ;1.4&ЛТ;/й&ГТ;
&ЛТ;й степени="" стоимостью="4.2" команда="отд. Ла Коруна - Барселона" выбор="ничья"&ГТ;4.2&ЛТ;/й&ГТ;
&ЛТ;й степени="" стоимостью="5" команда="отд. Ла-Корунья-Барселона "choice=" Dep. Ла-Корунья " > 5 & lt; / th>
< / tr>

< / Таблица>



&ЛТ;пр ИД="списке" мой список " "&ГТ;&ЛТ;/ол&ГТ;

&ЛТ;див ИД="тест"&ГТ;&ЛТ;/дел&ГТ;
&ЛТ;див ИД="test2 на"&ГТ;&ЛТ;/дел&ГТ;





< / body>
< script type= "text/javascript">

функция dividevalue(remove_value){
ВАР this_remove_value = remove_value;
var total_amount = $('#g_total'). html();
ВАР result_value = total_amount/this_remove_value;
$(этот).родитель().удалить();
$('#test'). html(");
if (result_value> 1){
$("#тест").код HTML('כולל יחס' + ': &ЛТ;див ИД="g_total"и GT;' + result_value.toFixed(2)+'&ЛТ;/дел&ГТ;');
}
ещё{
$("#тест").код HTML('כולל יחס' + ': &ЛТ;див ИД="g_total"и gt;0&ЛТ;/дел&ГТ;');
}
}
var total = 1;
var arr=новый массив();
$ (document ). ready (функция() {




});




$(функция() {



$(".with"). on ("click", функция() {
var val = $(this). attr ("значение");
var team = $(this). attr ("команда");
var choice = $(this). attr ("выбор");
ВАР Элем = $("&ЛТ;список-стиль-тип литий стиль=': ни один;'&ГТ;&ЛТ;/ли&ГТ;&ЛТ;/БР>").текст(
"("+ команда +") "+ выбор+ "" + вал);
$(Элем).добавить("&ЛТ;кнопки стиль='поплавок:слева функция onclick='dividevalue("+значение+")' значение='" + вал +"' класс='Рэм'&ГТ;х&ЛТ;/кнопку&ГТ;");
$("#mylist"). append(elem);
var get_t_value = $('#g_total'). html();
консоли.журнал(get_t_value);
ВАР multipl_val = вал*get_t_value;
если(get_t_value == нуль){
$("#тест").код HTML('כולל יחס' + ': &ЛТ;див ИД="g_total"и GT;' + вал+'&ЛТ;/дел&ГТ;');
}
остальное, если(get_t_value == '0.00'){
$("#тест").код HTML('כולל יחס' + ': &ЛТ;див ИД="g_total"и GT;' +вал+'&ЛТ;/дел&ГТ;');

}
else if (get_t_value == 0){
$("#тест").код HTML('כולל יחס' + ': &ЛТ;див ИД="g_total"и GT;' + вал+'&ЛТ;/дел&ГТ;');
}
ещё{
$("#тест").код HTML('כולל יחס' + ': &ЛТ;див ИД="g_total"и GT;' + multipl_val.toFixed(2)+'&ЛТ;/дел&ГТ;');
}
$(".rem"). on ("click", функция() {
$(этот).родитель().удалить();
});
});




});
< / script>
в </html-код&ГТ;&ЛТ;/пре&ГТ;