lundi 17 octobre 2016

I am looking for a way to average two simple rating systems

Say I have a rating system on one page, and on another I have a list of checkboxes. The user can only check one of the 5 ratings, and up to 3 of the checkboxes on the other page. both the ratings and checkboxes are givin the value 1-5 and will be averaged. Where am I going wrong?

JS

function rating(){

var 'rating1' = 1;
var 'rating2' = 2;
var 'rating3' = 3;
var 'rating4' = 4;
var 'rating5' = 5;
var 'checkbox1' = 1;
var 'checkbox2' = 2;
var 'checkbox3' = 3;
var 'checkbox4' = 4;
var 'checkbox5' = 5;

var sum = 0;
for( var i = 0; i < elmt.length; i++ ){
    sum += parseInt( elmt[i], 10 ); 

var avg = sum/elmt.length;

document.write(" The average is: " + avg );

}

HTML

<div>
  <input type="radio" name="rating1" value="1"/>
   <label  class="btn btn-info radiobtns">
      <span>1</span>
   </label>
  <input type="radio" name="rating2" value="2"/>
   <label  class="btn btn-warning radiobtns">
      <span>2</span>
   </label>
  <input type="radio" name="rating3" value="3"/>
   <label  class="btn btn-success radiobtns">
      <span>3</span>
   </label>
  <input type="radio" name="rating4" value="4"/>
   <label  class="btn btn-primary radiobtns">
      <span>4</span>
   </label>
  <input type="radio" name="rating5" value="5"/>
   <label  class="btn btn-danger radiobtns">
      <span>5</span>
   </label>
</div>
<div>
  <input type="checkbox" name="checkbox1" value="5"/>
   <label  class="dscrptbtns ">
      <span>Aggravated</span>
   </label><br>
  <input type="checkbox" name="checkbox1" value="4"/>
   <label  class="dscrptbtns">
      <span>Alone</span>
   </label><br>
  <input type="checkbox" name="checkbox1" value="3"/>
   <label  class="dscrptbtns">
      <span>Annoyed</span>
   </label><br>
  <input type="checkbox" name="checkbox1" value="2" />
   <label  class="dscrptbtns">
      <span>Angry</span>
   </label>
</div>




Aucun commentaire:

Enregistrer un commentaire