Как получить значение пользовательского ввода, чтобы href это?

Question

Я хочу получить значение ввода, чтобы сделать его в виде HREF, например, пользовательский ввод 192.168.1.1, я хочу перенаправить на этот ввод при нажатии кнопки, чтобы я мог перейти непосредственно к этому IPадрес вот мой код:

function displayCam()
{
    var ip = document.getElementById('ipadd');
    document.getElementById('camView').innerHTML = ip.value;
}

<h1>Input IP Address</h1>
<label for="ipadd">Enter IP Address:</label>
<input type='text' id='ipadd' />
<input type='button' onclick='displayCam()' value='Submit' />   
<div id="camView"> </div>

Answer 1

Чтобы перенаправить на добавленный ими IP-адрес, вы можете изменить displayCam так:

function displayCam()
{
    var ip = document.getElementById('ipadd');
    document.getElementById('camView').innerHTML = ip.value;
    if (ip.value.indexOf('://') === -1) {
        ip.value = "http://" + ip.value; // Use http by default
    }
    window.location.href = ip.value;
}

Answer 2

Вы можете сделать так:

Поместите якорь тег внутри div и установите href динамически при нажатии кнопки

<script>
function displayCam()
{
    var ip = document.getElementById('ipadd');
    document.getElementById('camView').innerHTML = ip.value;
    document.getElementById('camView').href="http://"+ip.value;

    //Or to open in new tab on submit button directly 
    var url="http://"+ip.value;
    window.open(url)
}
</script>

<h1>Input IP Address</h1>
<label for="ipadd">Enter IP Address:</label>
    <input type='text' id='ipadd' />
    <input type='button' onclick='displayCam()' value='Submit' />

<div><a href="" id="camView" target="_blank" ></a></div>

Answer 3

Использование window.location.href = ip.value;