サスケの仕様について、困ったとき、JavaScript

その際に追加する「ＤＭ可否選択」を英語で作成する方法をご紹介いたします。

1．英語アカウントで作成する

まずは英語のアカウントに変更、または作成をします。アカウント情報にて「言語（Language）」を「English」に変更することで英語アカウントに切り替えが出来ます。

続いて、英語のアカウントの状態でWebフォームの「WEBフォーム設定（Web Form setting）」を開きます。そして英語のＤＭ可否選択を追加したいフォームの「項目設定（Data item setting）」をクリックします。

入力項目の追加（Add input item）にある「項目の種類（Type of data item）」から「DM可否選択（DM Select）」を選択し、追加（Add）ボタンをクリックすることで、英語のDM可否ボタンが実装できます。

2．JavaScriptで対応する

非公式ではありますが、「公開ページ設定」の「入力ページの設定」と「確認ページの設定」の『ヘッダー情報』へJavaScriptを記載することで英語にすることが可能です。

<script>
 document.addEventListener('DOMContentLoaded', () => {
   // 設定
   const OK_TXT = "Receive";
   const NG_TXT = "Do not receive";
 
   // スクリプト
   document.querySelectorAll('.input.col.span_9').forEach(colElm => {
     const inputElms = colElm.querySelectorAll('input[type="radio"][name^="wf"]');
     if (inputElms.length) {
       inputElms.forEach(elm => {
           const value = elm.value;
           if (value !== "0" && value !== "1") return;
           const text = elm.parentNode.textContent;
           if (!/受け取(る|らない)$/.test(text)) return;
           const enText = (value === "0") ? OK_TXT : NG_TXT;
           elm.nextSibling.textContent = ` ${enText}`;
       });
     } else {
       const text = colElm.textContent;
       if (/^受け取る$/.test(text)) colElm.textContent = ` ${OK_TXT}`;
       if (/^受け取らない$/.test(text)) colElm.textContent = ` ${NG_TXT}`;
     }
   });
 });
 </script>