alterar permanentemente valor do atributo href
Olá pessoal. Ao digitar um texto qualquer no input e pressionar submit o valor do atributo href é alterado temporariamente. Como alterar permanentemente no corpo do documento o valor do atributo href, digitando um nome de link qualquer no campo input e em seguida submit ?
<!DOCTYPE html>
<html>
<head>
<style>
input {
width: 100%;
font-size: 20px;
}
textarea {
width: 100%;
font-size: 16px;
height: 200px;
}
.class88 {
margin-top: 50px;
padding: 10px;
max-width: 100px;
}
</style>
</head>
<body>
<h2> alterar valor do atributo href</h2>
digite um texto qualquer
<input type="text" class="class42" value="">
<a id="linkToChange" href="teste5.php" class="class43"></a>
<input type="submit" class="class88" value="enviar" onclick="alterarHref()">
<script>
function alterarHref() {
// pega o valor da class42
var valorDaclass42 = document.querySelector('.class42').value.trim();
// altera o valor do atributo href para o valorDaclass42 sugerido
document.querySelector('.class43').setAttribute('href', valorDaclass42);
console.log("Href alterado:", valorDaclass42);
}
</script>
</body>
</html>Discussão (1)
Carregando comentários...