Home/ Questions/Q 6865957
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T03:07:08+00:00

Following is the javascript code var text; var name; window.onload = init; function init()

  • 0

Following is the javascript code

var text;
var name;
window.onload = init;
function init() {
    var button = document.getElementById("submitButton");
    text = document.getElementById("nameTextInput");
    button.onclick = handleButtonClick;
}
function handleButtonClick() {
    if (text.value == "") {
        alert("oops !! Enter Name");
    }
    else {
        var content = document.getElementById("content");
        content.removeChild(h4);
        content.removeChild(img);
        content.removeChild(form);
        name = document.getElementById("name");
        name.innerHTML = text.value + ", I am tracking you at ";
        getMyLocation();
    }
}

When I click the button, the elements are removed but name div doesn’t show anything. It works on IE8 but in chrome, safari and opera it falters.

Following is the HTML :-

<body>
<div class="topMiddle">Locate ME ;-)
</div>
<div id="content" class="content">
    <h4 id="h4">Your Name</h4>
    <img id ="img" src="rows-hand-.png" alt="arrow image" height="70" width="70" />
    <form id="form">
        <input type="text" id="nameTextInput" size="40" placeholder="Enter your name dear" class="inputTextClass">
        <input type="button" id="submitButton" value="Submit" class="inputButtonClass">
    </form>
    <div id="name" class="name">
    </div>
    <div id="user" class="user">
        <div id="map_canvas"></div>
    </div>
    <div id="me" class="me">
    </div>
</div>

Following is the CSS :-

.content
{
    text-align:center;
    margin-top:10px;
}

h4 
{
    color: #E9E9E9;
}

.inputTextClass 
{
    width:150px;
}

.inputButtonClass
{
    margin-top:20px;
    width:80px;
}

.name
{
    color:#000;
    font-size:16px;
}

EDIT

Here is the online link :- http://rdinvent.com/locateMe.html

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    EDIT:

    It’s just this name which messes everything up:

    name = document.getElementById("name");

    Replace this line and the following with:

    document.getElementById("name").innerHTML = text.value + ", I am tracking you at ";

    And of course, remove the var name; at the beginning.

    name is a global property (window.name) and should not be used in the global scope otherwise.

    • 0