javascript - How to return a value from an anonymous inner function in JS? -


My page allows users to add and remove input boxes to enter search terms. The function that allows them to add them, returns a value (as a way to keep track of a calculated variable amount, I want to limit the field to five.)

I have a button here I call the function on click of: 

  & lt; Input type = "button" value = "+" id = "add" onclic = "calculation = pairfilled (calculated);" />   
 As you can see, the value of the count has been returned to the script.  
 To add the following input field is relevant JS. (There is also an internal function to remove the input field in the app function)  
 starts at  // 1, because always there is at least one input box, Var calculation = 1; AddField function (count) {// only if the limit does not reach the limit: if (Count & lt; = 4) {// Increase count by 1, Warning for demo purposes: Calculation ++; Warning (count); // To delete it, create a div to keep the new input and a new button: var divv = document.createElement ("div"); Divv.setAttribute ("id", "div" + count); Divv.setAttribute ("class", "divvv") inputContainer.appendChild (divv); Var id = "tag" + count; var newField = document.createElement ("Input"); newField.setAttribute ('type', 'text'); newField.setAttribute ('class', 'field'); NewField.setAttribute ('id', id); divv.appendChild (Newfield); Var deleteCont = document.createElement ("div"); Var divId = "cont" + count; DeleteCont.setAttribute ("id", "cont" + count); DeleteCont.setAttribute ("class", "remontant"); Divv.appendChild (deleteCont); Var removeId = "remove" + count; Var remove = document.createElement ("input"); Remove.setAttribute ("type", "button"); Remove.setAttribute ("value", "-"); remove.setAttribute ('class', 'remove'); Remove.setAttribute ('id', removeId); // This part is a problem, when the delete button is clicked, it will remove the // relevant device, but I can not find any way to reduce the count after that (i.e., allowing the user to add again Give 5 fields after reaching the range and after removing anything. Basically this allows the user to add 3 (total now at 4). If they remove all three, then add them to 4. But it will only give only one permission. Because 4 was removed even after counting 4. Click to remove = function () {var element = document.getElementById ("inputContainer"); divv.parentNode RemoveChild (divv); // I tried to do something like this: // count = count - 1; // But obviously the value that is received from the addField function is // out of this internal function.}; DeleteCont AppendChild (remove); return count;}}   
 Hopefully you can understand this issue, if I spell it  
 Demo:   
 
 
 Because your The  a ddField  function has a variable named  count , not using the  count  variable in the global code by calling  count  can go. In addition, when your internal function is reference  count , it will have a stored value in the closing which is not shared in many invitations of  addField  to remove this correct object Good for, but bad to keep counting I suggest:  
     
 JS  
 starts with  // 1, because always there is at least one input box, Var calculation = 1; Var idGen = 1; // Input ID is used to ensure the unique work addField () {// do not count passing now; Var id = idGen ++; // Each field becomes a separate ID; Count ++; // Calculation increases ... button. Click on = function () {... count--; } ... return; // no longer counting; }   
 By the time you do not have to do the ID continuously, separating your ID from your counting will create a design that is easy to write and maintain.

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

java - JPA TypedQuery: Parameter value element did not match expected type -

I am using JPA 2.0 and getting the following code in the DAO layer: Public Zero Test () {string key = "status"; String [] Conditions = {"A", "B"}; & Lt; TestTable & gt; Results = Search (Keys, Conditions); } Public listing & lt; TestTable & gt; Search (string key, object value error) {string sql = "test ndf to testlet and jade nand." + Key + "in:" + key; TypedQuery & LT; TestTable & gt; Query = entityManager.createQuery (SQL, TestTable.class); Query.setParameter (key, Arrays.asList (valueArr)) / *** Error Line *** Return query.getResultList (); } In the above error line, it throws the following exception: java.lang.IllegalArgumentException: parameter value element [[Ljava.lang.String; @ cbe5bc] did not match the expected type [java.lang.String] Why is this expected type string while actually this string []? Please help! Note: This is derived from the normal routine and is a simplified code. I can no...
Read more

c++ - static template member variable has internal linkage but is not defined -

Yes, I know, there is a question with almost the same title, but it refers to a different situation. Error message) In my case, I have a .cpp file with a big named designation name (implementation details). There is a property class template with a static data member in that name space, which I need to access from outside the unknown namespace. I give it a little bit of meat: file.hpp namespace Bar {template & lt; Typename A & gt; Struct foo {static_assert (is_same & lt; a, float & gt; :: value} is_same & lt; a, double>: value, ""); Fixed zero set_static_var (a const & x); // ...}; } and file.cpp namespace {template & lt; Typename A & gt; Struct foo_traits {// supports the implementation of several static code bars: foo & lt; & Gt; Fixed A data; }; The template's & lt; & Gt; Float foo_traits & lt; Float & gt; :: datum; // No change if this is in the global namespace template & lt; & Gt; Doub...
Read more