javascript - Updating Array comparison function for strings -


i'm working pre-written code quiz trivia game, , have update games question choices number values strings. don't know change in code user choice compared correct answer. currently, number answers, code compares array placement of correct choice in choices array, correctanswer variable. best guess change has occur in displayscore function shown @ bottom.

a current question object:

        {             question: "what 2*5?",             choices: [2, 5, 10, 15, 20],             correctanswer: 2         }

and updated question object be:

        {              question: "which list contains words not names of shoe types:"              choices:[   "a. oxford, jelly, boat, clogs, stiletto, mary jane",                          "b. loafer, gladiator, wedge, mule, platform",                          "c. pump, moccasin, wingtip, sneaker, derby, monk",                          "d. chalupa, dogler, hamster, croonley, frankfurt"],              correctanswer : "d. chalupa, dogler, hamster, croonley, frankfurt"         }

currently parts of code computing correct answer are:

//array containing user choices var selections = [];   // reads user selection , pushes value array   function choose() {     selections[questioncounter] = +$('input[name="answer"]:checked').val();   }  // computes score , returns paragraph element displayed   function displayscore() {     var score = $('<p>',{id: 'question'});      var numcorrect = 0;     (var = 0; < selections.length; i++) {       if (selections[i] === questions[i].correctanswer) {         numcorrect++;       }     }   }

credits:

as mentioned jonas w in comments, problem + before $().val(). because didn't upvotes nor explanation, thought i'd elaborate:

the bug

when retrieving value input, value string. correct answer in initial example number. because compare using ===, 2 not equal: 2 === "2" returns false.

adding + operator short way of "casting" value number. (opinion:) many people dislike because can easy miss , hard interpret beginners. perhaps clearer way write number(x) or use parseint or parsefloat.

the problem is, once required value string, + operator try make number non-numeric-like string. outcome be, quite named, nan, stands not number , can checked using isnan

i.e.: works:

const required = 2; const input = "2"; required === +input; // 2 === 2 -> true

breaks:

const required = "hello world"; const input = "hello world"; required === +input; // "hello world" === nan -> false

how fix it

concluding: removing + fix string based answers, break number based answers.

my advice remove +, make sure answer arrays contain strings. (for example, mapping using [2, 3, 4].map(string) or tostring)

other possible fixes include:

  • using == operator inside displayscore compare user input required value (not recommended)
  • adding switch statement type of array's value pick custom comparison methods number, string , perhaps other values.
  • using index in array instead of value, suggested user bergi (might make question object bit harder read, though)

examples

some examples can feel differences between values:

var val = $("input").val();    console.log("typeof val ->", typeof val);  console.log("typeof 2 ->", typeof 2);  console.log("val == 2 ->", val == 2);  console.log("val === 2 ->", val === 2);  console.log("+val === 2 ->", +val === 2);  console.log("number('2') === 2 ->", number(val) === 2);    var nonnumericstring = "hello world";  console.log("+'hello world' ->", +nonnumericstring);    var answers = [2, 3, 4];  console.log("'2' in [2, 3, 4] ->", answers.includes(val));  console.log("'2' in [2, 3, 4].map(string) ->", answers.map(string).includes(val));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    <input value="2">


Comments

Post a Comment

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

is possible store keyboard events 1 string? code below stores 1 char , prints it. card reader or bar code reader, contains collection of character/ string not 1 character @ time. goal save char pressed text variable. from tkinter import * root = tk() def key(event): text= event.char text+= event.char print ("pressed", text) def callback(event): frame.focus_set() print ("clicked at", event.x, event.y) frame = frame(root, width=100, height=100) frame.bind("<key>", key) frame.bind("<button-1>", callback) frame.pack() root.mainloop() currently, creating text variable , everytime key() function gets called, , text stores last character typed. you can define text module level variable , , use module level text inside key function - text = '' def key(event): global text text+= event.char print("pressed", text)
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m
Read more

javascript - Z-index in d3.js -

i have map , when hover effect on region of map below yellow line , circle, last ones disappear. how can solve problem? http://jsfiddle.net/ot21n9qx/ var arc = g.append("path") .style("fill", "none") .style("stroke", "yellow") .style("stroke-width", 2) .attr("d", "m" + pathorigin[0] + "," + pathorigin[1] + " q" + svgpoint[0] + "," + pathorigin[1] + " " + svgpoint[0] + "," + svgpoint[1]); var circlesize = d3.scale.linear() .domain([0, 0.5, 1]) .range([4, 10, 4]); svg not have z order draws objects in order created. need create path , circle after create highlight regions. here forked fiddle: http://jsfiddle.net/o00fzgaf/1/
Read more