HTML文本输入值在后端JavaScript中没有改变答案

【问题标题】：HTML Text Input Value not changing in Backend JavaScriptHTML文本输入值在后端JavaScript中没有改变
【发布时间】：2020-06-02 15:36:23
【问题描述】：

我是网络开发新手。我有一个问题，我正在尝试构建一个网站，该网站从 HTML 页面获取前端的输入并主动更改后端 javascript 文件的值。我在后端拥有的功能依赖于前端输入。输入永远不会改变它只是保持默认值“google.com”。参考这里是我想要完成的一些代码。

HTML 网页

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

后端 JavaScript 文件

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

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

【问题讨论】：

“积极改变价值”是什么意思，你试图改变价值是什么？

标签： javascript html dom input

【解决方案1】：

不清楚你到底想在这里实现什么，因为标题、描述和代码 sn-p 看起来相互矛盾。

1.如果您在 UI 上更改输入值，但在后端没有更新值，则使用

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

2.如果你想从后端更改输入的值。

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

还要确保您从某处调用getURL() 函数。

【讨论】：

【解决方案2】：

这就是你想要达到的目标吗？？

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>

【讨论】：