likert scale javascript code

Solutions on MaxInterview for likert scale javascript code by the best coders in the world

showing results for - "likert scale javascript code"
Mira
01 May 2020
1<div class="wrap">
2  <h1 class="likert-header">This is a Likert Scale survey</h1>
3  <form action="">
4    <label class="statement">This HTML Likert scale is easy to use.</label>
5    <ul class='likert'>
6      <li>
7        <input type="radio" name="likert" value="strong_agree">
8        <label>Strongly agree</label>
9      </li>
10      <li>
11        <input type="radio" name="likert" value="strong_agree">
12        <label>Agree</label>
13      </li>
14      <li>
15        <input type="radio" name="likert" value="strong_agree">
16        <label>Neutral</label>
17      </li>
18      <li>
19        <input type="radio" name="likert" value="disagree">
20        <label>Disagree</label>
21      </li>
22      <li>
23        <input type="radio" name="likert" value="strong_agree">
24        <label>Strongly disagree</label>
25      </li>
26    </ul>
27    <label class="statement">It's clear that this is a responsive design.</label>
28    <ul class='likert'>
29      <li>
30        <input type="radio" name="likert" value="strong_agree">
31        <label>Strongly agree</label>
32      </li>
33      <li>
34        <input type="radio" name="likert" value="strong_agree">
35        <label>Agree</label>
36      </li>
37      <li>
38        <input type="radio" name="likert" value="strong_agree">
39        <label>Neutral</label>
40      </li>
41      <li>
42        <input type="radio" name="likert" value="disagree">
43        <label>Disagree</label>
44      </li>
45      <li>
46        <input type="radio" name="likert" value="strong_agree">
47        <label>Strongly disagree</label>
48      </li>
49    </ul>
50    <label class="statement">Codepen.io is an excellent tool for prototyping.</label>
51    <ul class='likert'>
52      <li>
53        <input type="radio" name="likert" value="strong_agree">
54        <label>Strongly agree</label>
55      </li>
56      <li>
57        <input type="radio" name="likert" value="strong_agree">
58        <label>Agree</label>
59      </li>
60      <li>
61        <input type="radio" name="likert" value="strong_agree">
62        <label>Neutral</label>
63      </li>
64      <li>
65        <input type="radio" name="likert" value="disagree">
66        <label>Disagree</label>
67      </li>
68      <li>
69        <input type="radio" name="likert" value="strong_agree">
70        <label>Strongly disagree</label>
71      </li>
72    </ul>
73    <label class="statement">Pete Fecteau is incredibly smart and handsome.</label>
74    <ul class='likert'>
75      <li>
76        <input type="radio" name="likert" value="strong_agree">
77        <label>Strongly agree</label>
78      </li>
79      <li>
80        <input type="radio" name="likert" value="strong_agree">
81        <label>Agree</label>
82      </li>
83      <li>
84        <input type="radio" name="likert" value="strong_agree">
85        <label>Neutral</label>
86      </li>
87      <li>
88        <input type="radio" name="likert" value="disagree">
89        <label>Disagree</label>
90      </li>
91      <li>
92        <input type="radio" name="likert" value="strong_agree">
93        <label>Strongly disagree</label>
94      </li>
95    </ul>
96    <div class="buttons">
97      <button class="clear">Clear</button>
98      <button class="submit">Submit</button>
99    </div>
100  </form>
101</div>