Is anyone on here familiar with JavaScript?

Discussion in 'Computers' started by FaelanTheFox, Aug 7, 2016.

  1. FaelanTheFox

    FaelanTheFox Newbie

    Blogs:
    1
    Joined:
    Aug 3, 2016
    Posts:
    44
    Likes Received:
    28
    And if so, could you help me identify what I'm doing wrong with some code? I don't see why it shouldn't be working. Also don't worry it's very easy stuff. I'm trying to teach myself how to get data from an HTML form and write it to the page using a javascript function.
     
    FaelanTheFox, Aug 7, 2016
    #1
  2. SailorMan

    SailorMan Member

    Blogs:
    1
    Joined:
    Aug 13, 2008
    Posts:
    131
    Likes Received:
    70
    I know enough about it that i hate it and dont touch it.
     
    SailorMan, Aug 8, 2016
    #2
  3. djfly

    djfly Smiter of Spam

    Blogs:
    3
    Joined:
    Jan 20, 2004
    Posts:
    2,051
    Likes Received:
    859
    sure. ask away.
     
    djfly, Aug 8, 2016
    #3
  4. FaelanTheFox

    FaelanTheFox Newbie

    Blogs:
    1
    Joined:
    Aug 3, 2016
    Posts:
    44
    Likes Received:
    28
    <html>
    <body>

    <form id="theform">
    Enter Value:
    <input type="text" name="value" size="15" maxlength="30"/>
    <button onclick="outputname()">Submit</button>

    </form>


    <script>

    function outputname()
    {
    var x,y;
    x=document.getElementById("theform");
    y=x.elements["value"].value;
    document.getElementById("practice").innerHTML=y;
    }

    </script>


    <p id="practice"></p>
    </body>
    </html>

    This little bit of code here is pretty straight forward, but when I click the button, the value pops up below it like it should, but only for a split second, and then disappears. I want the value to stay there, and then every additional value that gets entered to be placed below the last.
     
    FaelanTheFox, Aug 8, 2016
    #4
  5. djfly

    djfly Smiter of Spam

    Blogs:
    3
    Joined:
    Jan 20, 2004
    Posts:
    2,051
    Likes Received:
    859
    Code:
    
<html>
<head>
	<title>JavaScript Demo</title>
	<script>
		function addToList()
		{
			var elmtVal = document.getElementById("field").value;
			var curElmt = document.getElementById("outputZone");

			if (elmtVal != "")
			{
				var par = document.createElement("P");
				var span = document.createElement("SPAN");
				span.innerText = elmtVal;
				par.appendChild(span);
				curElmt.appendChild(par);
			}
		}
		function clearList()
		{
			document.getElementById("outputZone").innerHTML="";
		}
	</script>
</head>
<body>

	Enter Value:
	<input id="field" type="text" name="value" size="15" maxlength="30" />
	<button onclick="addToList()">Add</button>
	<button onclick="clearList()">Clear</button>


	<div id="outputZone">

	</div>
</body>
</html>
     
    • Like Like x 1
    Last edited: Aug 8, 2016
    djfly, Aug 8, 2016
    #5
  6. djfly

    djfly Smiter of Spam

    Blogs:
    3
    Joined:
    Jan 20, 2004
    Posts:
    2,051
    Likes Received:
    859
    I believe that's roughly what you wanted?
     
    djfly, Aug 8, 2016
    #6
  7. FaelanTheFox

    FaelanTheFox Newbie

    Blogs:
    1
    Joined:
    Aug 3, 2016
    Posts:
    44
    Likes Received:
    28
    Perhaps, but it's still not working for me, nothing happens when I click the Add button. Maybe it's just my web browser.
     
    FaelanTheFox, Aug 8, 2016
    #7
  8. djfly

    djfly Smiter of Spam

    Blogs:
    3
    Joined:
    Jan 20, 2004
    Posts:
    2,051
    Likes Received:
    859
    The code runs in Chrome. That was my test browser.
     
    djfly, Aug 8, 2016
    #8
  9. djfly

    djfly Smiter of Spam

    Blogs:
    3
    Joined:
    Jan 20, 2004
    Posts:
    2,051
    Likes Received:
    859
    Works in IE as well, but I had to accept the script warning. By default, IE disallowed the Javascript for me...
     
    djfly, Aug 8, 2016
    #9
  10. djfly

    djfly Smiter of Spam

    Blogs:
    3
    Joined:
    Jan 20, 2004
    Posts:
    2,051
    Likes Received:
    859
    @FaelanTheFox
    did you get your JS working?
    also, i coded it to "not add blanks"..
     
    djfly, Aug 11, 2016
    #10
  11. FaelanTheFox

    FaelanTheFox Newbie

    Blogs:
    1
    Joined:
    Aug 3, 2016
    Posts:
    44
    Likes Received:
    28
    I haven't messed with it anymore quite yet, getting stuff ready for school to start in a few weeks.
     
    FaelanTheFox, Aug 13, 2016
    #11
  12. djfly

    djfly Smiter of Spam

    Blogs:
    3
    Joined:
    Jan 20, 2004
    Posts:
    2,051
    Likes Received:
    859
    alrighty - lmk if you don't get it figured.
     
    djfly, Aug 13, 2016
    #12
  13. Cijo Cyril

    Cijo Cyril Guest

    Blogs:
    0
    Yes.
     
    Cijo Cyril, Sep 11, 2017
    #13

Share This Page