Eu gostaria de colocar um texto em um form
e ele transforma em um "link", por exemplo:
login id 76561198281829407
Modificar para: https://steamcommunity.com/id/76561198281829407
Preciso de um exemplo do HTML e JS ou jQuery para isto.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeEu gostaria de colocar um texto em um form
e ele transforma em um "link", por exemplo:
login id 76561198281829407
Modificar para: https://steamcommunity.com/id/76561198281829407
Preciso de um exemplo do HTML e JS ou jQuery para isto.
Você pode utilizar o JQuery a seu favor. Tente o seguinte e veja se isto é o que você está procurando.
$(function() {
$("#inserir").click( () => {
var link = $("#link").val();
console.log(link)
$("#linkuser").html("<a href='https://steamcommunity.com/id/"+link+"' target='_blank'>Link Steam</a>");
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> ... </title>
</head>
<body style="background-color:powderblue;">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2> Digite seu ID:</h2>
<input id="link" type="text" name="link" /> <br/>
<input id="inserir" type="button" value="Enviar" />
<div id="linkuser">
</div>
</body>
</html>
Isto resolverá o seu problema, basta adequar ao seu código.