JSFiddle - React, Tailwind, and code Playground
by MythOfEchelon
HTML
<!DOCTYPE html> <!-- This is just my HTML5-valid template. Make sure you set this up correctly for your personal needs -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
html {
font: 16px "Segoe UI", "Segoe WPC", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
}
div {
display: block;
}
#question_Selection, #question_Wrapper {
margin-bottom: 20px;
}
</style>
</head>
<body>
<div id="page_Wrapper">
<div id="question_Selection">
<input type="checkbox" /> Question one <br />
<input type="checkbox" /> Question two <br />
</div>
<div id="question_Wrapper">
<p id="question_Title">Question one:</p>
<form method="post" action="#" id="question" name="q_1">
<input type="radio" id="q_1-a_1" name="q_1" onClick="reportValue(this)" /> Option 1 <br />
<input type="radio" id="q_1-a_2" name="q_1" onClick="reportValue(this)" /> Option 2 <br />
<input type="radio" id="q_1-a_3" name="q_1" onClick="reportValue(this)" /> Option 3 <br />
<input type="radio" id="q_1-a_4" name="q_1" onClick="reportValue(this)" /> Option 4 <br />
<input type="radio" id="q_1-a_5" name="q_1" onClick="reportValue(this)" /> Option 5 <br />
</form>
</div>
<div id="result"></div>
</div>
<!-- Include the script after all DOM elements have been created, to avoid any potential DOM-related errors -->
<script>
window.onLoad = populate_Questions();
...