Как передать скрипту параметр переменной?

Question

[Виктор Доценко]

Добрый день, уважаемые знатоки.
Необходима ваша помощь, прошу вас подать руку помощи.
Существует 2 кнопки на сайте, которые при клике передают параметр в модальное окно и судя по этому параметру получается итоговая сумма.

<div class="buttons">
						<button href="#order" data-time="7" data-description="Питание на неделю" onclick="yaCounter40936104.reachGoal('order-week'); return true;" class="green fancybox">Заказать на неделю</button>

						<button  data-time="2" data-description="Питание на 2 дня" onclick="yaCounter40936104.reachGoal('order-twoday'); return true;" class="fancybox">Попробовать на 2 дня</button>
<br>
<div style="border: 5px solid #92cb48;padding: 10px 5px;" class="some-days">
						<p style="text-align:center;margin-bottom: 10px;font-size: 18px;">ЗАКАЗАТЬ НА</p>

						<input type="text" id="OFDays" name="OFDays" value="" placeholder="Введите количество">

						<p style="text-align: center;margin-bottom: 20px;">ДНЕЙ.</p>

Скрипт смотрит на параметр data-time="7" и сейчас считает для 7 дней и двух соответственно.
Я добавил input с произвольным количеством дней. Т.е пользователь вводит количество дней и оно по идеи должно подставляться в data-time="n_days", чтобы скрипт считал по введенной пользователем сумме.
Как можно это реализовать?

Пробовал реализовать ниже так:

<script>
							var sameDays = document.getElementById('OFDays').value;
							div.innerHTML = "<button href='#order' data-time='+sameDays+' data-description='Попробовать на +sameDays+ дня' onclick='yaCounter40936104.reachGoal('order-twoday')\; return true\;' class='fancybox'>ЗАКАЗАТЬ</button>";
				</script>

Не вышло=(

Подсчет как я понял идет тут:

function calcCost() {
	if( $('#bar').prop("checked") ){
		cost = (time*price + time*barPrice )*tax*discount;
	} else {
		cost = time*price*tax*discount;
	}
	cost = parseInt( cost.toFixed(2), 10 );
	costStr = cost+'';
	costStr = cost.numberFormat(2, '.', ' ');
	$('input[name="summa"]').val( costStr );
	$('#summa').text( costStr );
}

Благодарю вас за ранее.

Answer 1

[Андрей Гончаров]

твой скрипт выполнится лишь раз при загрузке. Оберни его в слушатель события смены значения #OFDays

Comments

[Виктор Доценко]

Можно чуть подробней, я в этом просто ноль =(

[Егор Т]

Виктор Доценко: проще заказать думаю или найти знающего человека.

[Виктор Доценко]

Егор Т: Собственно я и обратился к знающим людям.

[Егор Т]

Виктор Доценко: если используется JQuery, то лучше все туда вынести. и работу с DOM и эвенты завесить, Что еще..а стили лучше в отдельный файл вынести. А еще если это просто модальное окно, данные передавать как переменные или как данные с data-* атрибутов.

[Виктор Доценко]

Егор Т: Попытался сделать так, ничего не получилось

<div style="border: 5px solid #92cb48;padding: 10px 5px;" class="some-days">
						<p style="text-align:center;margin-bottom: 10px;font-size: 18px;">ЗАКАЗАТЬ НА</p>

						<script>
						$("#myForm").submit(function(){
								$('#myHiddenInput').val( $(myVisibleInput).data('time') );
						});
						</script>

<form id="myForm" action="">
						<input type="text" id="myHiddenInput" name="OFDays" value="" placeholder="Введите количество">
</form>

<button href="#order" id="myVisibleInput" data-time="" data-description="Питание на 2 дня" onclick="yaCounter40936104.reachGoal('order-twoday'); return true;" class="fancybox">Попробовать на дня</button>
						<p style="text-align: center;margin-bottom: 20px;">ДНЕЙ.</p>

[Егор Т]

Виктор Доценко: я не знаю, то не то https://jsfiddle.net/uv28hrmb/1/

[Виктор Доценко]

Егор Т: Похоже так. Благодарю вас. От этого плясать и можно. Вот, дождался знатока. Еще раз благодарю за потраченное на мои глупые вопросы, свое время.