Poll - Posts - OneCompiler

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Health Care Career Board Poll</title> <style> body { font-family: Arial, sans-serif; margin: 20px; background: #f9f9f9; color: #333; } h1 { text-align: center; margin-bottom: 20px; } .poll-option { margin-bottom: 15px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background: #fff; } .poll-option input { margin-right: 10px; } .submit-btn { background-color: #007BFF; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; display: block; margin: 20px auto; font-size: 16px; } .submit-btn:hover { background-color: #0056b3; } </style> </head> <body> <h1>Vote for Your Favorite Health Care Career Board</h1> <form id="pollForm">

<!-- Option 1: Solo nomination -->
<div class="poll-option">
  <input type="radio" id="option1" name="vote" value="Nabiha C – Addiction Psychiatrist (MD)">
  <label for="option1"><strong>Nabiha C</strong> – Addiction Psychiatrist (MD)</label>
</div>

<!-- Option 2 -->
<div class="poll-option">
  <input type="radio" id="option2" name="vote" value="Luis – Anesthesiologist (MD)">
  <label for="option2"><strong>Luis</strong> – Anesthesiologist (MD)</label>
</div>

<!-- Option 3 -->
<div class="poll-option">
  <input type="radio" id="option3" name="vote" value="Sydney B – Biomedical Engineer">
  <label for="option3"><strong>Sydney B</strong> – Biomedical Engineer</label>
</div>

<!-- Option 4 -->
<div class="poll-option">
  <input type="radio" id="option4" name="vote" value="Genesis – Cardiothoracic Surgeon">
  <label for="option4"><strong>Genesis</strong> – Cardiothoracic Surgeon</label>
</div>

<!-- Option 5 -->
<div class="poll-option">
  <input type="radio" id="option5" name="vote" value="Isabella M – CRNA">
  <label for="option5"><strong>Isabella M</strong> – CRNA</label>
</div>

<!-- Option 6: Paired nomination -->
<div class="poll-option">
  <input type="radio" id="option6" name="vote" value="Ryan D & Matias G – Dental Hygienist">
  <label for="option6"><strong>Ryan D</strong> &amp; <strong>Matias G</strong> – Dental Hygienist</label>
</div>

<!-- Option 7 -->
<div class="poll-option">
  <input type="radio" id="option7" name="vote" value="Nicole C – Dermatopathologist">
  <label for="option7"><strong>Nicole C</strong> – Dermatopathologist</label>
</div>

<!-- Option 8 -->
<div class="poll-option">
  <input type="radio" id="option8" name="vote" value="Nataly V – Diagnostic Radiologist (MD)">
  <label for="option8"><strong>Nataly V</strong> – Diagnostic Radiologist (MD)</label>
</div>

<!-- Option 9 -->
<div class="poll-option">
  <input type="radio" id="option9" name="vote" value="Karina S – ED RN">
  <label for="option9"><strong>Karina S</strong> – ED RN</label>
</div>

<!-- Option 10 -->
<div class="poll-option">
  <input type="radio" id="option10" name="vote" value="Francely R – Emergency Medicine APRN">
  <label for="option10"><strong>Francely R</strong> – Emergency Medicine APRN</label>
</div>

<!-- Option 11 -->
<div class="poll-option">
  <input type="radio" id="option11" name="vote" value="Anoushka M – Emergency Medicine MD">
  <label for="option11"><strong>Anoushka M</strong> – Emergency Medicine MD</label>
</div>

<!-- Option 12: Paired -->
<div class="poll-option">
  <input type="radio" id="option12" name="vote" value="Carmen J & Ana Clara G – ICU RN">
  <label for="option12"><strong>Carmen J</strong> &amp; <strong>Ana Clara G</strong> – ICU RN</label>
</div>

<!-- Option 13: Paired -->
<div class="poll-option">
  <input type="radio" id="option13" name="vote" value="Enmy D & Emili – Internal Medicine MD">
  <label for="option13"><strong>Enmy D</strong> &amp; <strong>Emili</strong> – Internal Medicine MD</label>
</div>

<!-- Option 14 -->
<div class="poll-option">
  <input type="radio" id="option14" name="vote" value="Melina Z – Oncology RN">
  <label for="option14"><strong>Melina Z</strong> – Oncology RN</label>
</div>

<!-- Option 15: Paired -->
<div class="poll-option">
  <input type="radio" id="option15" name="vote" value="Emily P & Kelly C – L&D RN">
  <label for="option15"><strong>Emily P</strong> &amp; <strong>Kelly C</strong> – L&D RN</label>
</div>

<!-- Option 16: Paired -->
<div class="poll-option">
  <input type="radio" id="option16" name="vote" value="Mahmuda A & Ayushi P – Neonatologist (MD)">
  <label for="option16"><strong>Mahmuda A</strong> &amp; <strong>Ayushi P</strong> – Neonatologist (MD)</label>
</div>

<!-- Option 17: Paired -->
<div class="poll-option">
  <input type="radio" id="option17" name="vote" value="Emilyn D & Ana Letica – Neurosurgeon">
  <label for="option17"><strong>Emilyn D</strong> &amp; <strong>Ana Letica</strong> – Neurosurgeon</label>
</div>

<!-- Option 18: Paired -->
<div class="poll-option">
  <input type="radio" id="option18" name="vote" value="Daisy J & Jackie V – NICU RN">
  <label for="option18"><strong>Daisy J</strong> &amp; <strong>Jackie V</strong> – NICU RN</label>
</div>

<!-- Option 19 -->
<div class="poll-option">
  <input type="radio" id="option19" name="vote" value="Nicole A – NICU RN">
  <label for="option19"><strong>Nicole A</strong> – NICU RN</label>
</div>

<!-- Option 20: Paired -->
<div class="poll-option">
  <input type="radio" id="option20" name="vote" value="Elizabeth G & Sharai G – Nurse Midwife">
  <label for="option20"><strong>Elizabeth G</strong> &amp; <strong>Sharai G</strong> – Nurse Midwife</label>
</div>

<!-- Option 21 -->
<div class="poll-option">
  <input type="radio" id="option21" name="vote" value="Johaira G – OBGYN MD">
  <label for="option21"><strong>Johaira G</strong> – OBGYN MD</label>
</div>

<!-- Option 22 -->
<div class="poll-option">
  <input type="radio" id="option22" name="vote" value="Sydney R – Orthopedic Surgeon (MD)">
  <label for="option22"><strong>Sydney R</strong> – Orthopedic Surgeon (MD)</label>
</div>

<!-- Option 23: Paired -->
<div class="poll-option">
  <input type="radio" id="option23" name="vote" value="Julian & Nicole – Paramedic">
  <label for="option23"><strong>Julian</strong> &amp; <strong>Nicole</strong> – Paramedic</label>
</div>

<!-- Option 24: Paired -->
<div class="poll-option">
  <input type="radio" id="option24" name="vote" value="Fatima B & Amy N – Pediatric APRN">
  <label for="option24"><strong>Fatima B</strong> &amp; <strong>Amy N</strong> – Pediatric APRN</label>
</div>

<!-- Option 25 -->
<div class="poll-option">
  <input type="radio" id="option25" name="vote" value="Alicia J – Pediatric Dermatologist (MD)">
  <label for="option25"><strong>Alicia J</strong> – Pediatric Dermatologist (MD)</label>
</div>

<!-- Option 26 -->
<div class="poll-option">
  <input type="radio" id="option26" name="vote" value="Kathy G – Pediatric OR RN">
  <label for="option26"><strong>Kathy G</strong> – Pediatric OR RN</label>
</div>

<!-- Option 27 -->
<div class="poll-option">
  <input type="radio" id="option27" name="vote" value="Audrina R – Pediatric PA">
  <label for="option27"><strong>Audrina R</strong> – Pediatric PA</label>
</div>

<!-- Option 28 -->
<div class="poll-option">
  <input type="radio" id="option28" name="vote" value="Karen Q – Pediatric PT">
  <label for="option28"><strong>Karen Q</strong> – Pediatric PT</label>
</div>

<!-- Option 29 -->
<div class="poll-option">
  <input type="radio" id="option29" name="vote" value="Olivia G – Pediatric RN">
  <label for="option29"><strong>Olivia G</strong> – Pediatric RN</label>
</div>

<!-- Option 30 -->
<div class="poll-option">
  <input type="radio" id="option30" name="vote" value="Necker P – Pediatric Surgeon">
  <label for="option30"><strong>Necker P</strong> – Pediatric Surgeon</label>
</div>

<!-- Option 31: Paired -->
<div class="poll-option">
  <input type="radio" id="option31" name="vote" value="Liz R & Kalin – Pediatrician (MD)">
  <label for="option31"><strong>Liz R</strong> &amp; <strong>Kalin</strong> – Pediatrician (MD)</label>
</div>

<!-- Option 32: Paired -->
<div class="poll-option">
  <input type="radio" id="option32" name="vote" value="Jhailey F & Keara L – Plastic Surgeon">
  <label for="option32"><strong>Jhailey F</strong> &amp; <strong>Keara L</strong> – Plastic Surgeon</label>
</div>

<!-- Option 33: Paired -->
<div class="poll-option">
  <input type="radio" id="option33" name="vote" value="Amaya B & Emilia S – Psychiatrist (MD)">
  <label for="option33"><strong>Amaya B</strong> &amp; <strong>Emilia S</strong> – Psychiatrist (MD)</label>
</div>

<!-- Option 34 -->
<div class="poll-option">
  <input type="radio" id="option34" name="vote" value="Anushcha W – Rehab Physical Therapist">
  <label for="option34"><strong>Anushcha W</strong> – Rehab Physical Therapist</label>
</div>

<!-- Option 35: Paired -->
<div class="poll-option">
  <input type="radio" id="option35" name="vote" value="Cesar S & Dhylan B – Sports Medicine MD">
  <label for="option35"><strong>Cesar S</strong> &amp; <strong>Dhylan B</strong> – Sports Medicine MD</label>
</div>

<!-- Option 36 -->
<div class="poll-option">
  <input type="radio" id="option36" name="vote" value="Brooklyn T – Trauma APRN">
  <label for="option36"><strong>Brooklyn T</strong> – Trauma APRN</label>
</div>

<!-- Option 37: Paired -->
<div class="poll-option">
  <input type="radio" id="option37" name="vote" value="Isabella H & Megan – Trauma RN">
  <label for="option37"><strong>Isabella H</strong> &amp; <strong>Megan</strong> – Trauma RN</label>
</div>

<!-- Option 38: Paired -->
<div class="poll-option">
  <input type="radio" id="option38" name="vote" value="Aisha G & Analiz – Trauma Surgeon (MD)">
  <label for="option38"><strong>Aisha G</strong> &amp; <strong>Analiz</strong> – Trauma Surgeon (MD)</label>
</div>

<!-- Option 39 -->
<div class="poll-option">
  <input type="radio" id="option39" name="vote" value="Karelyn C – Travel RN">
  <label for="option39"><strong>Karelyn C</strong> – Travel RN</label>
</div>

<button type="submit" class="submit-btn">Submit Vote</button>

</form> <script> document.getElementById('pollForm').addEventListener('submit', function(event) { event.preventDefault(); const selectedOption = document.querySelector('input[name="vote"]:checked'); if (selectedOption) { alert("Thank you for voting for: " + selectedOption.value); // In a real application, add code here to send the vote to a backend server. } else { alert("Please select a candidate before submitting your vote."); } }); </script> </body> </html>