HTML Text Input Value not changing in Backend JavaScript

Question

I am new to web development . I have a question I am trying to build a website that takes input on the front end from the HTML page and actively changes the value on the backend javascript file . The functions I have on the backend rely on the front end input . The input never changes it just stays the default value "google.com". For Reference here is some code of what I am trying to accomplish .

HTML WebPage

<input type="text"  id="input" value="google.com" placeholder="somewebsite.com">

Backend JavaScript File

var ajaxWebSiteValue = document.getElementById("input");

function getURL(){
    var URL = "http://" + ajaxWebSiteValue.value ;
    return URL;
}

what do you mean by " actively changes the value", of what you are trying to change the value? — Paramjot Singh
– Paramjot Singh, Commented Jun 2, 2020 at 18:36

srp · Accepted Answer · 2020-06-02 18:22:38Z

1

It not clear what exactly you want to achieve here because heading, description and code snippet looks contradictory to each other.

1.If you are changing the input value on UI but not getting updated value in backend then use

function getURL(){
     var ajaxWebSiteValue = document.getElementById("input");
     var URL = "http://" + ajaxWebSiteValue.value ;
     return URL;
}

2.If you want to change the value of input from backend.

function getURL(){
     var ajaxWebSiteValue = document.getElementById("input");
     ajaxWebSiteValue.value  = "http://" + ajaxWebSiteValue.value ;
}

Also make sure that you are calling getURL() function from somewhere.

edited Jun 2, 2020 at 18:22

answered Jun 2, 2020 at 16:58

srp

7838 silver badges21 bronze badges

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

Comments

Paramjot Singh · Accepted Answer · 2020-06-02 19:23:53Z

0

is that is what you want to achive??

var ajaxWebSiteValue;

function myFunction(){
  ajaxWebSiteValue = document.getElementById('input').value;

document.getElementById("ajaxWebSiteValue").innerText = ajaxWebSiteValue;

document.getElementById("returnedURL").innerText = getURL();
}

function getURL(){
    var URL = "http://" + ajaxWebSiteValue;
    return URL;
}

<input type="text"  id="input" value="google.com" placeholder="somewebsite.com" />

<p id="ajaxWebSiteValue"></p>

<p id="returnedURL"></p>

<button id="change" onclick="myFunction()">change</button>

answered Jun 2, 2020 at 19:23

Paramjot Singh

7354 silver badges10 bronze badges

Collectives™ on Stack Overflow

HTML Text Input Value not changing in Backend JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related