javascript - Onclick jquery function wont work -


So at the bottom I have an example of a Bela and my code below, currently, the problem I am facing That is when I try to allocate a function variable on click, the function does not execute. I want to enable input numbers in the input field and click to be able to click and it is to generate a new wave ground on click. HTML 

  & lt; Div id = "container" & gt; Any help is appreciated! & Lt; Div id = "wave" & gt; & Lt; / Div & gt; & Lt; Div id = "wavelength-text" class = "text" & gt; Wavelength & lt; / Div & gt; & Lt; Div id = "dimension-text" class = "text" & gt; Ayyavity & lt; / Div & gt; & Lt; Br / & gt; & Lt; Input type = "text" value = "50" id = "wavelength" & gt; & Lt; / Input & gt; & Lt; Input type = "text" value = "50" id = "dimension" & gt; & Lt; / Input & gt; & Lt; Div id = "button" & gt; & Lt; Button & gt; Generated & lt; / Button & gt; & Lt; / Div & gt; & Lt; / Div & gt; Wavelength = 50, dimension = 50, step = 90, width = 500, color = "# / strong>   FFF ", thickness = 3; var height = 220; Var canvas = document.createElement ("canvas"); Canvas Width = width; Canvas High = height; $ ("# Wave") enclosed (canvas). // get context var ctx = canvas.getContext ('2d'); Ctx.clearRect (0, 0, canvas wide, canvas.height); Ctx.strokeStyle = color; Ctx.lineWidth = thickness; Step = Step * Math PI / 180; Var amp = dimension - thickness / 2; Var Freak = 2 * Math PI * (1 / wavelength); Var yOrigin = height / 2; Var y1, y2; Ctx.beginPath (); (Var i = 0; i & lt; width; i ++) for {y1 = amp * math (Phase + freq * i) + yOrigin; Y2 = amp * Math.sin (step + freq * (i + 1)) + yOrigin; Ctx.moveTo (i, y1); Ctx.lineTo (i + 1, y2); } CTX. Stroke ();    
 
 
 I have decided your bell, so this will work:  
  
 Here is the html:  
  & lt; Div id = "container" & gt; & Lt; Div id = "wave" & gt; & Lt; / Div & gt; & Lt; Div id = "wavelength-text" class = "text" & gt; Wavelength & lt; / Div & gt; & Lt; Div id = "dimension-text" class = "text" & gt; Ayyavity & lt; / Div & gt; & Lt; Br / & gt; & Lt; Input type = "text" value = "50" id = "wavelength" & gt; & Lt; / Input & gt; & Lt; Input type = "text" value = "50" id = "dimension" & gt; & Lt; / Input & gt; & Lt; Div id = "button" onclick = "generFrame ()" & gt; & Gt; Button & gt; Generated & lt; / Button & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 Here's the JS:  
  function generatedframe () {$ ("# wave"). Lesson (''); Var wavelength = document. GetElementById ('wavelength'). value; Var importability = document. GetElementById ('dimension'). value; Var phase = 90, width = 500, color = "#FFF", thickness = 3; Var height = 220; Var canvas = document.createElement ("canvas"); Canvas Width = width; Canvas High = height; $ ("# Wave") enclosed (canvas). // get context var ctx = canvas.getContext ('2d'); Ctx.clearRect (0, 0, canvas wide, canvas.height); Ctx.strokeStyle = color; Ctx.lineWidth = thickness; Step = Step * Math PI / 180; Var amp = dimension - thickness / 2; Var Freak = 2 * Math PI * (1 / wavelength); Var yOrigin = height / 2; Var y1, y2; Ctx.beginPath (); (Var i = 0; i & lt; width; i ++) for {y1 = amp * math (Phase + freq * i) + yOrigin; Y2 = amp * Math.sin (step + freq * (i + 1)) + yOrigin; Ctx.moveTo (i, y1); Ctx.lineTo (i + 1, y2); } CTX. Stroke (); }

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