javascript - If statements with Background Colors -


hi wanted see going wrong these if statements cant see wrong them, not seem work intended switch color when html button clicked sure working console displays "button clicked" when clicking button.

 function colorswitch()  {  var thediv = document.getelementsbyclassname("light");   console.log("button clicked");  if(thediv[0].style.backgroundcolor == "#ff0000") {  thediv[0].style.backgroundcolor = "#ffff00"; } if(thediv[0].style.backgroundcolor == "#ffff00") {  thediv[0].style.backgroundcolor = "#00ff00"; } if(thediv[0].style.backgroundcolor == "#00ff00") {  thediv[0].style.backgroundcolor = "#ff0000"; }  };

you need add keyword else, otherwise each condition being met, making go full circle.

function colorswitch () {   var thediv = document.getelementsbyclassname("light");    console.log("button clicked");    if (thediv[0].style.backgroundcolor == "#ff0000") {     thediv[0].style.backgroundcolor = "#ffff00";   }   else if (thediv[0].style.backgroundcolor == "#ffff00") {     thediv[0].style.backgroundcolor = "#00ff00";   }   else if (thediv[0].style.backgroundcolor == "#00ff00") {     thediv[0].style.backgroundcolor = "#ff0000";   } };

Comments

Post a Comment

Popular posts from this blog

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

this question has answer here: why spring mvc respond 404 , report “no mapping found http request uri […] in dispatcherservlet”? 3 answers i trying making simple bbs i'm encountering following error, warn : org.springframework.web.servlet.pagenotfound - no mapping found http request uri [/board/] in dispatcherservlet name 'appservlet' i have tried solve error many times, have failed. how can solve error? here web.xml, controllerand , servlet-context. my web.xml <?xml version="1.0" encoding="utf-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <filter> <filter-nam...
Read more

html - Outlook 2010 Anchor (url/address/link) -

i'm trying link specific pdf page msoutlook'10 or msword'10, #page=... anchor particularly useful , works fine elsewhere. unfortunately when click [ctr-k] in outlook or winword, links re-formatted assuming unc path. pdf file located on shared drive. using "file:" prefix links open pdf in adobe reader (outside of browser), , "http:" open inside browser. issue seem need open in browser "file:" prefix in order anchor work. know anchors work inside browser. outlook uses windows/explorer default program (based on file extension) seems open in adobe reader neglecting anchor. is aware of solution, link specific page or bookmark of shared-pdf ms outlook and/or winword link? common references: mailermailer.com/...anchor-tags-html-emails campaignmonitor.com/...anchor-links-in-email-newsletters/ stackoverflow.com/...anchor-in-pdf-document
Read more

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

consider code: test = function() { } t = new test(); (var = 0; < 8; i++) { result = t instanceof test; } if change number of iterations 8 9 , loop take 100 times longer complete in latest version of firefox (41.0.1). tested on 2 different pcs , magic limit 8. here jsperf test used: http://jsperf.com/instanceof-8-times-vs-9-times does have idea why might happen? seems specific instanceof . not happen if else object, example check property. note: filed bugzilla bug this. jan de mooij mozilla team has posted details in bugzilla thread . here's simplistic interpretation of highly technical answers: in i < 8 case, firefox smart enough hoist result = t instanceof test; statement out of loop (according tests, doesn't seem omit altogether). in i < 9 case, apparently doesn't optimization . why? reason not clear, related fact 9 iterations threshold above function considered "hot" enough run through jit compiler. i < 8 cas...
Read more