fork download
copy 
  1. function submitQuiz() {
  2.     const form = document.getElementById('quiz-form');
  3.     const resultContainer = document.getElementById('result-container');
  4.     const quizContainer = document.getElementById('quiz-container');
  5.     const resultText = document.getElementById('result');
  6.  
  7.     const answer1 = form.question1.value;
  8.     const answer2 = form.question2.value;
  9.     const answer3 = form.question3.value;
  10.  
  11.     if (answer1 && answer2 && answer3) {
  12.         quizContainer.style.display = 'none';
  13.         resultContainer.style.display = 'block';
  14.  
  15.         let resultMessage1;
  16.         switch (answer1) {
  17.             case 'happy':
  18.                 resultMessage1 = 'You feel happy today! Keep smiling 😊';
  19.                 break;
  20.             case 'sad':
  21.                 resultMessage1 = 'You feel sad today. It\'s okay to have tough days. Take care 💖';
  22.                 break;
  23.             case 'neutral':
  24.                 resultMessage1 = 'You feel neutral today. Sometimes it\'s good to just be in the middle. 🌼';
  25.                 break;
  26.             default:
  27.                 resultMessage1 = 'Please select an answer.';
  28.         }
  29.  
  30.         let resultMessage2;
  31.         switch (answer2) {
  32.             case 'blue':
  33.                 resultMessage2 = 'Your favorite color is blue. Calm and serene! 🌊';
  34.                 break;
  35.             case 'red':
  36.                 resultMessage2 = 'Your favorite color is red. Bold and passionate! 🔥';
  37.                 break;
  38.             case 'green':
  39.                 resultMessage2 = 'Your favorite color is green. Fresh and lively! 🌿';
  40.                 break;
  41.             default:
  42.                 resultMessage2 = 'Please select an answer.';
  43.         }
  44.  
  45.         let resultMessage3;
  46.         switch (answer3) {
  47.             case 'excited':
  48.                 resultMessage3 = 'You are feeling excited! Enjoy the energy! 🎉';
  49.                 break;
  50.             case 'anxious':
  51.                 resultMessage3 = 'You are feeling anxious. Take a deep breath and relax. 🌸';
  52.                 break;
  53.             case 'calm':
  54.                 resultMessage3 = 'You are feeling calm. Embrace the peace. 🧘‍♂️';
  55.                 break;
  56.             default:
  57.                 resultMessage3 = 'Please select an answer.';
  58.         }
  59.  
  60.         resultText.textContent = `${resultMessage1} ${resultMessage2} ${resultMessage3}`;
  61.     } else {
  62.         alert('Please select answers for all questions.');
  63.     }
  64. }
  65.  
Success #stdin #stdout 0.03s 25968KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
function submitQuiz() {
    const form = document.getElementById('quiz-form');
    const resultContainer = document.getElementById('result-container');
    const quizContainer = document.getElementById('quiz-container');
    const resultText = document.getElementById('result');

    const answer1 = form.question1.value;
    const answer2 = form.question2.value;
    const answer3 = form.question3.value;

    if (answer1 && answer2 && answer3) {
        quizContainer.style.display = 'none';
        resultContainer.style.display = 'block';

        let resultMessage1;
        switch (answer1) {
            case 'happy':
                resultMessage1 = 'You feel happy today! Keep smiling 😊';
                break;
            case 'sad':
                resultMessage1 = 'You feel sad today. It\'s okay to have tough days. Take care 💖';
                break;
            case 'neutral':
                resultMessage1 = 'You feel neutral today. Sometimes it\'s good to just be in the middle. 🌼';
                break;
            default:
                resultMessage1 = 'Please select an answer.';
        }

        let resultMessage2;
        switch (answer2) {
            case 'blue':
                resultMessage2 = 'Your favorite color is blue. Calm and serene! 🌊';
                break;
            case 'red':
                resultMessage2 = 'Your favorite color is red. Bold and passionate! 🔥';
                break;
            case 'green':
                resultMessage2 = 'Your favorite color is green. Fresh and lively! 🌿';
                break;
            default:
                resultMessage2 = 'Please select an answer.';
        }

        let resultMessage3;
        switch (answer3) {
            case 'excited':
                resultMessage3 = 'You are feeling excited! Enjoy the energy! 🎉';
                break;
            case 'anxious':
                resultMessage3 = 'You are feeling anxious. Take a deep breath and relax. 🌸';
                break;
            case 'calm':
                resultMessage3 = 'You are feeling calm. Embrace the peace. 🧘‍♂️';
                break;
            default:
                resultMessage3 = 'Please select an answer.';
        }

        resultText.textContent = `${resultMessage1} ${resultMessage2} ${resultMessage3}`;
    } else {
        alert('Please select answers for all questions.');
    }
}
https://ideone.com/h2liZG
language:
PHP (php 7.3.5)
created:
5 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!