SyntaxFix

[javascript] storing user input in array

You have at least these 3 issues:

  1. you are not getting the element's value properly
  2. The div that you are trying to use to display whether the values have been saved or not has id display yet in your javascript you attempt to get element myDiv which is not even defined in your markup.
  3. Never name variables with reserved keywords in javascript. using "string" as a variable name is NOT a good thing to do on most of the languages I can think of. I renamed your string variable to "content" instead. See below.

You can save all three values at once by doing:

var title=new Array();
var names=new Array();//renamed to names -added an S- 
                      //to avoid conflicts with the input named "name"
var tickets=new Array();

function insert(){
    var titleValue = document.getElementById('title').value;
    var actorValue = document.getElementById('name').value;
    var ticketsValue = document.getElementById('tickets').value;
    title[title.length]=titleValue;
    names[names.length]=actorValue;
    tickets[tickets.length]=ticketsValue;
  }

And then change the show function to:

function show() {
  var content="<b>All Elements of the Arrays :</b><br>";
  for(var i = 0; i < title.length; i++) {
     content +=title[i]+"<br>";
  }
  for(var i = 0; i < names.length; i++) {
     content +=names[i]+"<br>";
  }
  for(var i = 0; i < tickets.length; i++) {
     content +=tickets[i]+"<br>";
  }
  document.getElementById('display').innerHTML = content; //note that I changed 
                                                    //to 'display' because that's
                                              //what you have in your markup
}

Here's a jsfiddle for you to play around.

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to arrays

• PHP array value passes to next row • Use NSInteger as array index • How do I show a message in the foreach loop? • Objects are not valid as a React child. If you meant to render a collection of children, use an array instead • Iterating over arrays in Python 3 • Best way to "push" into C# array • Sort Array of object by object field in Angular 6 • Checking for duplicate strings in JavaScript array • what does numpy ndarray shape do? • How to round a numpy array?

Examples related to forms

• How do I hide the PHP explode delimiter from submitted form results? • React - clearing an input value after form submit • How to prevent page from reloading after form submit - JQuery • Input type number "only numeric value" validation • Redirecting to a page after submitting form in HTML • Clearing input in vuejs form • Cleanest way to reset forms • Reactjs - Form input validation • No value accessor for form control • TypeScript-'s Angular Framework Error - "There is no directive with exportAs set to ngForm"