html - How to display user input with a Javascript function -


i'm trying display user input through submit button. user input tool types , first 5 inputs displayed in li's. limit of 5 tools reached, function prints 'thanks suggestions'. however, can't function print out of user input suggested tools. me understand why aren't printing out?

<script src="modernizr.custom.05819.js">  var = 1; var listitem = "";  function processinput() {    if (i <= 5) {        listitem[0] += 1;       listitem = toolbox;       var toolbox = "";       alert("this running");        if (i == 5) {           var resultsexpl = "thanks suggestions";     }   }   var backsubmit = document.getelementbyid("button");    if (backsubmit.addeventlistener) {     backsubmit.addeventlistener("click", calctotal, false);   } else if (backsubmit.attachevent) {     backsubmit.attachevent("onclick", calctotal);   }  } </script>   <div id="results">       <ul>          <li id="item1"></li>          <li id="item2"></li>          <li id="item3"></li>          <li id="item4"></li>          <li id="item5"></li>       </ul>       <p id="resultsexpl"></p>   </div>   <form>       <fieldset>         <label for="toolbox" id="placelabel">           type name of tool, click submit:         </label>         <input type="text" id="toolbox"/>       </fieldset>       <fieldset>         <button type="submit" id="button" onclick="processinput()">submit</button>         <button type="button" id ="reset" onclick="resetform()"/>reset</button>       </fieldset>   </form>

here's working demo problem.

i have removed button type submit because in browsers instead of calling function processinput submit form.

here javascript changed,

   var count=1; function processinput(){     var tool = document.getelementbyid("toolbox").value;     document.getelementbyid("toolbox").value = "";     if(count==5){         document.getelementbyid("resultsexpl").innerhtml = "thanks suggestions";          document.getelementbyid("item"+count).innerhtml = tool;     }else{         document.getelementbyid("item"+count).innerhtml = tool;         count++;     } }  function resetform(){     document.getelementbyid("results").innerhtml = '<ul><li id="item1"></li><li id="item2"></li><li id="item3"></li><li id="item4"></li><li id="item5"></li><p id="resultsexpl"></p></ul>'; }

the change made html code add formid id form.

<div id="results">       <ul>          <li id="item1"></li>          <li id="item2"></li>          <li id="item3"></li>          <li id="item4"></li>          <li id="item5"></li>       </ul>       <p id="resultsexpl"></p>   </div> <form id="formid">       <fieldset>         <label for="toolbox" id="placelabel">           type name of tool, click submit:         </label>         <input type="text" id="toolbox"/>       </fieldset>       <fieldset>         <button type="button" id="button" onclick="processinput()">submit</button>         <button type="button" id ="reset" onclick="resetform()"/>reset</button>       </fieldset>   </form>

Comments

Post a Comment

Popular posts from this blog

1111. appearing after print sequence - php -

morning, i have code takes string of shoe sizes, explodes , puts in table. code works , info displayed correctly on page after table there few 1's after table. i'm confused this. so table looks (in columns of 3 on webpage) available in following sizes: 3 4 5 6 9 10 111 here's codes, purpose of example $x = 3|4|6|10|9 function get_sizes_pipe($x) { $counter = 0; $splits = explode("|",$x); asort($splits); $x = print "<table class='greentable'>"; $x .= print "<thead><tr><th scope='col' colspan='3' abbr='starter'>available in following sizes:</th></tr></thead><tbody><tr>"; foreach ($splits $split) { $entry = print "<td>".$split."</td>"; if($counter == 2){ $entry .= print "</tr><tr>"; $counter =0; } else { $counter++; ...
Read more

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

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -

weirdest error, who’s challenge try , me? spent hours yesterday on , it’s magic. can't believe happening , it's driving me crazy. btw, using: rails 4.2.3 ruby 2.2.3 pg 0.18 encoding.default_internal = encoding.default_external = utf-8 config.encoding = 'utf-8' it has postgres, activerecord , encodings! turns out we’ve been getting these errors whenever create new users on database special characters: encoding::undefinedconversionerror: "\xc3" ascii-8bit utf-8 \xc3 may vary depending on characters. weird part we’ve set since beginning utf-8. makes no sense , digged it, , used script: user.all.each |user| user.attributes.each |name, value| if value.is_a? string puts user.email + name.encoding.to_s + value.encoding.to_s end end end and output of 1 of users, users same: dr_lottahelp@blahblah.comutf-8utf-8 dr_lottahelp@blahblah.comutf-8ascii-8bit dr_lottahelp@blahblah.comutf-8ascii-8bit dr_lottahelp@blahblah.comutf-8asci...
Read more