/calm/ Can someone help me and jerry to code a neocities website that includes a quiz?

Soyteen Liker

Well-Rounded 'Liker
🏅
Joined
Mar 6, 2024
Messages
4,111
I've never worked with javascript and I got rate limited by ChatGPT for today. I wanted to have the quiz repeat whatever option you had selected at the time but couldn't get it to work it hurts

JavaScript:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Soyjak.blog Quiz</title>
</head>
<body>
   <label for="q1menu">Q1: What are your fetishes?</label>
    <select id="q1menu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>


   <label for="q2menu">Q2: What's your worst mistake on the shlog?</label>
    <select id="q2menu">
      <option value="1">Posting regrettable details</option>
      <option value="1">Leaving and letting myself be forgotten</option>
    <option value="1">ERPing</option>
      <option value="1"
          >Arguing with jannies</option>
        <option value ="1"
          >Signing up</option>
          <option value ="1"
        >Being too curious about other 'teens</option>
    </select>
    <p id="q2"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>


   <label for="q3menu">Q1: What are your fetishes?</label>
    <select id="q3menu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
    <p id="q3"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>



   <label for="dropdownMenu">Q1: What are your fetishes?</label>
    <select id="dropdownMenu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
    <p id="q4"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>

 

    <script>
    let Soygoy = 0;
    let SmallAnus = 0;
    let DrCobson = 0;
    let encrusting_acro = 0;
    let jimbo = 0;
    let soyjakfan01 = 0;
    
    const q1menu = document.getElementById("q1menu").value;
    const q2menu= document.getElementById("q2menu").value;
    const q3menu = document.getElementById("q3menu").value;
    const q4menu = document.getElementById("q4menu").value;
    const q5menu = document.getElementById("q5menu").value;

   const q1menu = document.getElementById("q1menu").value;
  const q2menu = document.getElementById("q2menu").value;
   const q3menu = document.getElementById("q3menu").value
    
            if (q1menu === "Soygoy") Soygoy++;
            if (q1menu === "SmallAnus") SmallAnus++;
            if (q1menu === "DrCobson") DrCobson++;
            if (q1menu === "encrusting_acro") encrusting_acro++;
             if(q1menu === "jimbo") jimbo++;
             if(q1menu === "soyjakfan01") soyjakfan01++;

            if (q2menu === "Soygoy") Soygoy++;
            if (q2menu === "SmallAnus") SmallAnus++;
            if (q2menu === "DrCobson") DrCobson++;
            if(q2menu === "encrusting_acro") encrusting_acro++;
             (q2menu === "jimbo") jimbo++;
             if(q2menu === "soyjakfan01") soyjakfan01++;

            if (q3menu === "Soygoy") Soygoy++;
            if (q3menu === "SmallAnus") SmallAnus++;
            if (q3menu === "DrCobson") DrCobson++;
            if (q3menu === "encrusting_acro") encrusting_acro++;
            if (q3menu === "jimbo") jimbo++;
            if (q3menu === "soyjakfan01") soyjakfan01++;
            
            if(q4menu === "Soygoy") Soygoy++;
            if(q4menu === "SmallAnus") SmallAnus++;
            if(q4menu === "DrCobson" DrCobson++
            if(q4menu === "encrusting_acro")  encrusting_acro++;
            if(q4menu === "jimbo") jimbo++;
            if(q4menu === "soyjakfan01") soyjakfan01++;
            
            
            if(q5menu === "Soygoy") Soygoy++;
            if(q5menu === "SmallAnus") SmallAnus++;
            if(q5menu === "DrCobson" DrCobson ++
            if(q5menu === "encrusting_acro" encrusting_acro
             if(q5menu === "jimbo") jimbo++;
             if(q5menu === "soyjakfan01") soyjakfan01++;
    
  document.getElementById("q1menu").addEventListener("change", function () {
    
  const selectedOption = this.options[this.selectedIndex].text;
    
   document.getElementById("q1menu").textContent = `You have selected: ${selectedOption}`;
        });
 
  document.getElementById("q2").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q3").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q4").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q5").textContent = `You selected: ${selectedText}`;
        });
        </script>
        </body>
        </html>
    
    </script>
</body>
</html>
Sorry if some of it is poorly structured, I was on a phone. Thanks to anyone who helps [wholesome]
 
I was gonna provide some input but after seeing those polling options I’ve decided not to
 
I've never worked with javascript and I got rate limited by ChatGPT for today. I wanted to have the quiz repeat whatever option you had selected at the time but couldn't get it to work it hurts

JavaScript:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Soyjak.blog Quiz</title>
</head>
<body>
   <label for="q1menu">Q1: What are your fetishes?</label>
    <select id="q1menu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>


   <label for="q2menu">Q2: What's your worst mistake on the shlog?</label>
    <select id="q2menu">
      <option value="1">Posting regrettable details</option>
      <option value="1">Leaving and letting myself be forgotten</option>
    <option value="1">ERPing</option>
      <option value="1"
          >Arguing with jannies</option>
        <option value ="1"
          >Signing up</option>
          <option value ="1"
        >Being too curious about other 'teens</option>
    </select>
    <p id="q2"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>


   <label for="q3menu">Q1: What are your fetishes?</label>
    <select id="q3menu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
    <p id="q3"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>



   <label for="dropdownMenu">Q1: What are your fetishes?</label>
    <select id="dropdownMenu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
    <p id="q4"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>

 

    <script>
    let Soygoy = 0;
    let SmallAnus = 0;
    let DrCobson = 0;
    let encrusting_acro = 0;
    let jimbo = 0;
    let soyjakfan01 = 0;
   
    const q1menu = document.getElementById("q1menu").value;
    const q2menu= document.getElementById("q2menu").value;
    const q3menu = document.getElementById("q3menu").value;
    const q4menu = document.getElementById("q4menu").value;
    const q5menu = document.getElementById("q5menu").value;

   const q1menu = document.getElementById("q1menu").value;
  const q2menu = document.getElementById("q2menu").value;
   const q3menu = document.getElementById("q3menu").value
   
            if (q1menu === "Soygoy") Soygoy++;
            if (q1menu === "SmallAnus") SmallAnus++;
            if (q1menu === "DrCobson") DrCobson++;
            if (q1menu === "encrusting_acro") encrusting_acro++;
             if(q1menu === "jimbo") jimbo++;
             if(q1menu === "soyjakfan01") soyjakfan01++;

            if (q2menu === "Soygoy") Soygoy++;
            if (q2menu === "SmallAnus") SmallAnus++;
            if (q2menu === "DrCobson") DrCobson++;
            if(q2menu === "encrusting_acro") encrusting_acro++;
             (q2menu === "jimbo") jimbo++;
             if(q2menu === "soyjakfan01") soyjakfan01++;

            if (q3menu === "Soygoy") Soygoy++;
            if (q3menu === "SmallAnus") SmallAnus++;
            if (q3menu === "DrCobson") DrCobson++;
            if (q3menu === "encrusting_acro") encrusting_acro++;
            if (q3menu === "jimbo") jimbo++;
            if (q3menu === "soyjakfan01") soyjakfan01++;
           
            if(q4menu === "Soygoy") Soygoy++;
            if(q4menu === "SmallAnus") SmallAnus++;
            if(q4menu === "DrCobson" DrCobson++
            if(q4menu === "encrusting_acro")  encrusting_acro++;
            if(q4menu === "jimbo") jimbo++;
            if(q4menu === "soyjakfan01") soyjakfan01++;
           
           
            if(q5menu === "Soygoy") Soygoy++;
            if(q5menu === "SmallAnus") SmallAnus++;
            if(q5menu === "DrCobson" DrCobson ++
            if(q5menu === "encrusting_acro" encrusting_acro
             if(q5menu === "jimbo") jimbo++;
             if(q5menu === "soyjakfan01") soyjakfan01++;
   
  document.getElementById("q1menu").addEventListener("change", function () {
   
  const selectedOption = this.options[this.selectedIndex].text;
   
   document.getElementById("q1menu").textContent = `You have selected: ${selectedOption}`;
        });
 
  document.getElementById("q2").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q3").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q4").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q5").textContent = `You selected: ${selectedText}`;
        });
        </script>
        </body>
        </html>
   
    </script>
</body>
</html>
Sorry if some of it is poorly structured, I was on a phone. Thanks to anyone who helps [wholesome]
kys
where's the tama and pooner option?
1736836151159.png
 
I don’t think the answers are gonna be saved to the server, that’s all I’ll say
Marge why would they be
what happens after we answer the questions are the results public or just for you
The quiz rn links to a beta version of it hosted on a different website, we want to have our own version on the neocities. We're not gonna save the quiz results, rather, we're just gonna have the results stay on the screen til the person leaves or refreshes the page
 
I've never worked with javascript and I got rate limited by ChatGPT for today. I wanted to have the quiz repeat whatever option you had selected at the time but couldn't get it to work it hurts

JavaScript:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Soyjak.blog Quiz</title>
</head>
<body>
   <label for="q1menu">Q1: What are your fetishes?</label>
    <select id="q1menu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>


   <label for="q2menu">Q2: What's your worst mistake on the shlog?</label>
    <select id="q2menu">
      <option value="1">Posting regrettable details</option>
      <option value="1">Leaving and letting myself be forgotten</option>
    <option value="1">ERPing</option>
      <option value="1"
          >Arguing with jannies</option>
        <option value ="1"
          >Signing up</option>
          <option value ="1"
        >Being too curious about other 'teens</option>
    </select>
    <p id="q2"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>


   <label for="q3menu">Q1: What are your fetishes?</label>
    <select id="q3menu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
    <p id="q3"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>



   <label for="dropdownMenu">Q1: What are your fetishes?</label>
    <select id="dropdownMenu">
        <option value="1">Soytan</option>
        <option value="1">Anthros</option>
        <option value="1">Girlcock</option>
        <option value="1"
          >Mommy dommy goths</option>
          <option value ="1"
          >Soyjaks</option>
          <option value ="1"
          >I would never post about my fetishes on a public forum.</option>
    </select>
    <p id="q4"></p>
        <button id = "submitButton">Submit</button>
    <p id = "output"></p>

 

    <script>
    let Soygoy = 0;
    let SmallAnus = 0;
    let DrCobson = 0;
    let encrusting_acro = 0;
    let jimbo = 0;
    let soyjakfan01 = 0;
   
    const q1menu = document.getElementById("q1menu").value;
    const q2menu= document.getElementById("q2menu").value;
    const q3menu = document.getElementById("q3menu").value;
    const q4menu = document.getElementById("q4menu").value;
    const q5menu = document.getElementById("q5menu").value;

   const q1menu = document.getElementById("q1menu").value;
  const q2menu = document.getElementById("q2menu").value;
   const q3menu = document.getElementById("q3menu").value
   
            if (q1menu === "Soygoy") Soygoy++;
            if (q1menu === "SmallAnus") SmallAnus++;
            if (q1menu === "DrCobson") DrCobson++;
            if (q1menu === "encrusting_acro") encrusting_acro++;
             if(q1menu === "jimbo") jimbo++;
             if(q1menu === "soyjakfan01") soyjakfan01++;

            if (q2menu === "Soygoy") Soygoy++;
            if (q2menu === "SmallAnus") SmallAnus++;
            if (q2menu === "DrCobson") DrCobson++;
            if(q2menu === "encrusting_acro") encrusting_acro++;
             (q2menu === "jimbo") jimbo++;
             if(q2menu === "soyjakfan01") soyjakfan01++;

            if (q3menu === "Soygoy") Soygoy++;
            if (q3menu === "SmallAnus") SmallAnus++;
            if (q3menu === "DrCobson") DrCobson++;
            if (q3menu === "encrusting_acro") encrusting_acro++;
            if (q3menu === "jimbo") jimbo++;
            if (q3menu === "soyjakfan01") soyjakfan01++;
           
            if(q4menu === "Soygoy") Soygoy++;
            if(q4menu === "SmallAnus") SmallAnus++;
            if(q4menu === "DrCobson" DrCobson++
            if(q4menu === "encrusting_acro")  encrusting_acro++;
            if(q4menu === "jimbo") jimbo++;
            if(q4menu === "soyjakfan01") soyjakfan01++;
           
           
            if(q5menu === "Soygoy") Soygoy++;
            if(q5menu === "SmallAnus") SmallAnus++;
            if(q5menu === "DrCobson" DrCobson ++
            if(q5menu === "encrusting_acro" encrusting_acro
             if(q5menu === "jimbo") jimbo++;
             if(q5menu === "soyjakfan01") soyjakfan01++;
   
  document.getElementById("q1menu").addEventListener("change", function () {
   
  const selectedOption = this.options[this.selectedIndex].text;
   
   document.getElementById("q1menu").textContent = `You have selected: ${selectedOption}`;
        });
 
  document.getElementById("q2").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q3").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q4").textContent = `You selected:
    ${selectedText}`;
  document.getElementById("q5").textContent = `You selected: ${selectedText}`;
        });
        </script>
        </body>
        </html>
   
    </script>
</body>
</html>
Sorry if some of it is poorly structured, I was on a phone. Thanks to anyone who helps [wholesome]
don’t understand anything in that spoiler sorry just make me a DEI hire with the second best pay
 
Back
Top