Создание тега привязки на другой странице, когда нажмите на кнопку на одной странице в JavaScript

Question

Я имел этот код создания тега привязки

<script> 
function showlogout() {  
    var mydiv = document.getElementById("demo"); 
    var aTag = document.createElement('a'); 
    aTag.setAttribute('href',"www.google.com"); 
    aTag.innerHTML = "link text"; 
    mydiv.appendChild(aTag); 
} 
</script> 

Я имел код формы на одной странице

<form action="/login" method="post" onclick="showlogout()" > 
    <div class="form-group"> 
     <label>Email</label> 
     <input type="text" class="form-control" name="email"> 
    </div> 
    <div class="form-group"> 
     <label>Password</label> 
     <input type="password" class="form-control" name="password"> 
    </div> 

    <button type="submit">Login</button> 
</form> 

Но когда я направил страницу входа в систему после регистрации данных , я не смог увидеть этот якорный тэг, в то время как смог увидеть все остальные детали.
, страница/страница входа - рендеринг.

Я хочу, чтобы якорный тэг должен быть виден на странице входа/регистрации , как только я запишу информацию о нажатии кнопки входа в систему.

Answer 1

Вы пытаетесь добавить к div, который не существует. Проблемная строка: Вам нужно добавить div с идентификатором demo, и он будет работать. Вам также может потребоваться предотвратить действие отправки формы по умолчанию. Для этого:

$('form').submit(function (e) { 
    e.preventDefault(); 
}); 

EDIT: Ну, вот как вы бы заставить его работать на той же странице, в любом случае ... если вы хотите передать ссылку с одной страницы на другую, вы должны использовать некоторый метод сохранения изменений, например, использование файлов cookie или локального хранилища.