WEB広告運用の困りごとが集まる場所 › コミュニティ › コミュニティ › アンケート-チャット型※要javascriptについて › 返信先:アンケート-チャット型※要javascriptについて
-
お待たせしました!!!
下記 の 3箇所 javascript の修正をお願いいたします。
① btnRadio にコードを追加
let btnRadioes = el.querySelectorAll(".btn-single .l-chat__qa__a__item");
btnRadioes.forEach(function(btnRadio) {
btnRadio.addEventListener("click", function(e) {
showAnimation(e.target);
/* 追加ここから */
btnRadioes.forEach(function(btnRadio) {
btnRadio.classList.remove(selectedClass);
});
/* 追加ここまで */
e.target.classList.add(selectedClass);
const nextElm = e.target.closest(".l-chat__list__item").nextElementSibling;
nextElm.classList.add(showClass);
});
});② btnMultiple の修正
let btnMultiples = el.querySelectorAll(".btn-multiple .l-chat__qa__a__item");
btnMultiples.forEach(function(btnMultiple) {
btnMultiple.addEventListener("click", function(e) {
showAnimation(e.target);
e.target.classList.toggle(selectedClass); /* ← add を toggle に修正 */
});
});③ btnOption にコードを追加
let btnOptions = el.querySelectorAll(".btn-option .l-chat__qa__a__item");
btnOptions.forEach(function(btnOption) {
btnOption.addEventListener("click", function(e) {
showAnimation(e.target);
/* 追加ここから */
btnOptions.forEach(function(btnOption) {
btnOption.classList.remove(selectedClass);
});
/* 追加ここまで */
e.target.classList.add(selectedClass);
const hiddenElm = e.target.closest(".l-chat__qa").querySelector(".l-chat__hidden");
hiddenElm.classList.add(showClass);
});
});プレビュー