Я хочу помещать товар к корзину (один раз) после клика мышкой. Причём мне это нужно сделать средствами Javascript (остальное пока осваивать не собираюсь, иду от простого к сложному).
На стороне отправителя у меня созданы кнопки, примерно такие:
<button class="butto"><a href="Korzina.html?greeting=Джемпер Zolla, размер S, белый. Цена 1500 ₽">В корзину</a></button>
В корзине у меня созданы контейнеры для выбираемых товаров:
<optgroup class="spisok">
<option><p><script>
var urlParams = new URLSearchParams(window.location.search);
var greetingValue = urlParams.get("greeting");
document.write(greetingValue);
</script></p></option>
<option><p><script>
var urlParams = new URLSearchParams(window.location.search);
var greetingValue = urlParams.get("greeting");
document.write(greetingValue);
</script></p></option>
</optgroup>
При клике мышкой по кнопке идет автоматический переход к корзине, где появляются две надписи, одна под другой:
Джемпер Zolla, размер S, белый. Цена 1500 ₽
Джемпер Zolla, размер S, белый. Цена 1500 ₽
То есть, у меня получаются 2 одинаковые переменные, с которыми дальше я могу делать, что надо. Например, распечатать. Причём я могу их обозначить greetingValue1 и greetingValue2 - ничего не меняется. Если кликнуть по другой кнопке, то появляются две другие надписи.
Надо бы как-то сделать так, чтобы в каждом блоке появлялась своя надпись,и только после клика мышкой по кнопке.
Но как это сделать? Подскажите!
