Modify variable from input and place in new div based on input variable

Question

This is related to my last questions, but that already had alot of answers so I did not want to modify it with more stuff to avoid confusion.

I can take the input from the input text with the id 'test', and I can display it on the div labeled 'result', but I am not able to modify the output to div

 function createLinks()
    {
      var input = document.getElementById('test')
          if(str.indexOf("VALUE")>=0){
               var lin = "something";
          }
          else {
                   var lin = "somethingelse";
          }
      var div = document.getElementById('result');
      div.innerHTML = lin.value;
    }

The HTML is working currently as follows:

 <input type="text" id="test" size="16" title="Coming Soon" onkeypress="createLinks()"/>
 <input type="submit" style="margin-left: 10px;" value="Search" class="button1"/>
 <div id="result"></div>

I work with mainly CGI and have very limited knowledge of JS so I am probably missing something simple or this plain wont work. Thanks for the help in advance.

str is not defined.

Abraham Hamidi
– Abraham Hamidi

2013-12-24 03:47:02 +00:00
Commented Dec 24, 2013 at 3:47 — Abraham Hamidi
– Abraham Hamidi, Commented Dec 24, 2013 at 3:47
think all you need to change is if(str to if(input

Satya
– Satya

2013-12-24 03:50:00 +00:00
Commented Dec 24, 2013 at 3:50 — Satya
– Satya, Commented Dec 24, 2013 at 3:50

Abraham Hamidi · Accepted Answer · 2013-12-24 04:00:46Z

1

I fixed your code to what I think you wanted:

function createLinks()
{
    var lin;
  var input = document.getElementById('test');
      if(input.value.indexOf("VALUE")>=0){
           lin = "something";
      }
      else {
               lin = "somethingelse";
      }
  var div = document.getElementById('result');
  div.innerHTML = lin;
}

What was wrong was that:

[1] str was not defined

[2] lin was not globally defined, so you couldn't access it.

I updated the code so that it will make result say something if the textbox has VALUE typed in it and somethingelse if it doesn't, and that you can also press the Search button instead of pressing a key.

edited Dec 24, 2013 at 4:00

answered Dec 24, 2013 at 3:50

Abraham Hamidi

13.9k3 gold badges39 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MattSizzle Over a year ago

Awesome, exactly what I was missing with the variable definitions. I am going to figure out the best html onevent here soon, but I wanted the JS working first.

Andre · Accepted Answer · 2013-12-24 03:51:56Z

0

Try This: str not defined and lin is the value.

function createLinks()
    {
      var input = document.getElementById('test')
          if(input.value.indexOf("VALUE")>=0){
               var lin = "something";
          }
          else {
                var lin = "somethingelse";
          }
      var div = document.getElementById('result');
      div.innerHTML = lin;
    }

answered Dec 24, 2013 at 3:51

Andre

2,46726 silver badges25 bronze badges

2 Comments

Andre Over a year ago

No I did not I copied his code and added my changes, Your answer was not there when I started...

Abraham Hamidi Over a year ago

Okay, just making sure so that the public doesn't read answered 2 mins after Andre. Also, I posted that comment 5 mins after Andre.

Collectives™ on Stack Overflow

Modify variable from input and place in new div based on input variable

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related