Changeable href

<input id="input" type="url"></input>
<button id="link button"><a id="link" style="text-decoration: none; color: inherit;" href="" TARGET="_BLANK">enter</a></button>
<script src="script.js">
    var linkButton = document.getElementById("link button")
    linkButton.onclick = function(){
        var input = document.getElementById("input").value
        document.getElementById("link").setAttribute("href", "http://"+input)
    }
</script>

Similar codes

0 vote375 views1 answer
Ol list showing without numbers
Html
5 votes375 views1 answer
Add link behind a button in html
Html
9 votes337 views1 answer
Type phone number html
Html
1 vote326 views1 answer
Checkbox switch bootstrap
Html
0 vote338 views1 answer
Bootstrap align right button
Html
1 vote358 views1 answer
Am pm time html javascript
Html
51 votes368 views4 answers
Autocomplete html off
Html
0 vote327 views3 answers
Css remove cursor events
Html
0 vote351 views3 answers
How to Create a “Sticky” Floating Footer Bar in WordPress
Html
1 vote341 views1 answer
Electron reload html
Html