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 vote180 views1 answer
Scroll an element in html with a button
Html
1 vote186 views1 answer
Jquery specific child by index
Html
3 votes171 views3 answers
Bootstrap 4 image thumbnail class
Html
85 votes212 views6 answers
How to insert images into html
Html
0 vote177 views1 answer
<style>body {background-color: coral;}</style>
Html
0 vote181 views1 answer
What is difference between React router and react router Dom?
Html
1 vote182 views1 answer
Html to markdown table
Html
0 vote178 views1 answer
Phpstrom goto bookmark
Html
0 vote174 views1 answer
Split screen html
Html
0 vote135 views2 answers
Types of routes in laravel
Html