Home/ Questions/Q 9157065
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T12:55:19+00:00

I tried to build an application in which , there is one HTML page

  • 0

I tried to build an application in which , there is one HTML page from which I get single input entry by using Submit button, and stores in the container(data structure) and dynamically show that list i.e., list of strings, on the same page

means whenever I click submit button, that entry will automatically
append on the existing list on the same page.

But in this task, firstly I try to catch that input in javascript file, and I am failing in the same. Can you tell me for this, which command will I use ?

Till now my work is :-

HTML FILE :-

<html>
    <head>
        <script type = "text/javascript" src = "operation_q_2.js"></script>
    </head>
    <body>
        Enter String : <input type= "text" name = "name" id = "name_id"/>
        <button type="button"   onClick = "addString(this.input)">Submit</button>
    </body>
</html>

JAVASCRIPT FILE:-

function addString(x) {
    var val = x.name.value;
    //var s = document.getElementById("name_id").getElementValue;//x.name.value;
    alert(val);
}

EDITED

My New JAVASCRIPT FILE IS :-

var input = [];

function addString(x) {
    var s = document.getElementById("name_id").value;//x.name.value;
    input.push(input);
    var size = input.length;
    //alert(size);
    printArray(size);
}

function printArray(size){
    var div = document.createElement('div');
    for (var i = 0 ; i < size; ++i) {
        div.innerHTML += input[i] + "<br />";
    }
    document.body.appendChild(div);
    //alert(size);
}

Here it stores the strings in the string, but unable to show on the web page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    See this fiddle: http://jsfiddle.net/MjyRt/

    Javascript was almost right

    function addString(x) {
    var s = document.getElementById("name_id").value;//x.name.value;
    alert(s);
}
    • 0