バリューセット

点数と予算でバラエティ豊かな景品がセットになったバリューセットは
あらかじめ商品が決まっているので、選ぶ手間がありません！
景品数のボリュームを増やしたい方やいそがしい幹事様に大好評です!

目玉になるメイン景品にサブ景品の
バリュー10点セットと組み合わせて
ボリュームアップ♪

(例)約15,000円のメイン景品と
バリュー10点セットの組み合わせて
合計11点セットに！

人気の目玉景品にサブ景品の
バリュー20点セットをプラスして
ボリュームアップ！

(例)約50,000円の景品5点セットと
バリュー20点セットの組み合わせで
合計25点セットに♪

5点セット
10点セット
20点セット

/* バリューセット改修 */ const btn1 = document.getElementById("valuset__item__tab-btn1"); const btn2 = document.getElementById("valuset__item__tab-btn2"); const btn3 = document.getElementById("valuset__item__tab-btn3"); const btnli1 = document.getElementById("valuset__item__tab-li1"); const btnli2 = document.getElementById("valuset__item__tab-li2"); const btnli3 = document.getElementById("valuset__item__tab-li3"); const border = document.getElementById("valuset__item__tab-content-wrap"); btn1.addEventListener('click', function(event){ /*5点をクリックしたとき*/ btnli1.classList.remove('valuset__item__tabcontrol1-non'); btnli2.classList.add('valuset__item__tabcontrol2-non'); btnli3.classList.add('valuset__item__tabcontrol3-non'); btnli1.classList.add('valuset__item__tabcontrol1'); border.classList.remove('valuset__item__tab-content-wrap2'); border.classList.remove('valuset__item__tab-content-wrap3'); border.classList.add('valuset__item__tab-content-wrap1'); }); btn2.addEventListener('click', function(event){ /*10点をクリックしたとき*/ btnli2.classList.remove('valuset__item__tabcontrol2-non'); btnli1.classList.add('valuset__item__tabcontrol1-non'); btnli3.classList.add('valuset__item__tabcontrol3-non'); btnli2.classList.add('valuset__item__tabcontrol2'); border.classList.remove('valuset__item__tab-content-wrap1'); border.classList.remove('valuset__item__tab-content-wrap3'); border.classList.add('valuset__item__tab-content-wrap2'); }); btn3.addEventListener('click', function(event){ /*15点をクリックしたとき*/ btnli3.classList.remove('valuset__item__tabcontrol3-non'); btnli1.classList.add('valuset__item__tabcontrol1-non'); btnli2.classList.add('valuset__item__tabcontrol2-non'); btnli3.classList.add('valuset__item__tabcontrol3'); border.classList.remove('valuset__item__tab-content-wrap1'); border.classList.remove('valuset__item__tab-content-wrap2'); border.classList.add('valuset__item__tab-content-wrap3'); });