Click here for free DL of the app version that can save data.

No:33838

←

Prev Next

→

アンケート
Developer User15915｜Date and time 24/1/6 19:38:21
Build time 36.551 sec｜Game capacity 2.734KB｜

Script

御意です。アンケートを作成します。

アンケート

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

Click here for free DL of the app version that can save data.

御意です。アンケートを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>アンケート</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
    h1 {
      font-size: 24px;
    }
    input[type="radio"] {
      display: none;
    }
    label {
      display: inline-block;
      padding: 10px;
      font-size: 18px;
      border: 2px solid #ddd;
      cursor: pointer;
    }
    label:hover {
      background-color: #eee;
    }
    input[type="radio"]:checked + label {
      background-color: #999;
      color: #fff;
    }
  </style>
</head>
<body>
  <h1>アンケート</h1>
  <form id="surveyForm">
    <div>
      <input type="radio" id="option1" name="option" value="1">
      <label for="option1">😃</label>
      <input type="radio" id="option2" name="option" value="2">
      <label for="option2">😊</label>
      <input type="radio" id="option3" name="option" value="3">
      <label for="option3">😐</label>
      <input type="radio" id="option4" name="option" value="4">
      <label for="option4">😞</label>
      <input type="radio" id="option5" name="option" value="5">
      <label for="option5">😢</label>
    </div>
    <button type="submit">送信</button>
  </form>

// アンケートフォームの送信ボタンがクリックされたときのイベントハンドラ
      surveyForm.onsubmit = function(e) {
        e.preventDefault();

var selectedValue;
        for (var i = 0; i < options.length; i++) {
          if (options[i].checked) {
            selectedValue = options[i].value;
            break;
          }
        }

if (selectedValue) {
          alert('アンケートの結果: ' + selectedValue);
        } else {
          alert('選択してください');
        }
      };
    };
  </script>
</body>
</html>
```

このプログラムは、アンケートを実施するためのHTMLフォームと、アンケート結果を表示するJavaScriptの処理が含まれています。スマホで操作しやすいようにデザインされており、絵文字を使用して表情を選択することができます。

アンケートフォームを送信すると、選択した絵文字に対応する値がアラートで表示されます。また、絵文字が選択されていない場合は「選択してください」というアラートが表示されます。