Изменить значение кнопки HTML при загрузке страницы

Question

У меня есть страница входа в систему, и я сохраняю значение ключа localStorage, т.е. имя пользователя, взятое со страницы входа в переменную, используя var unameVar=localStorage.getItem('uname'). Теперь я хочу присвоить кнопке значение unameVar. Короче говоря, имя кнопки должно быть unameVar при загрузке страницы. Нужна помощь в этом

javascript

<script>
    var unameVar=localStorage.getItem('uname');;
    console.log(unameVar)
</script>

html

<button class="btn btn-link" > This value needs to be changed                    
</button>

Answer 1

Добавьте id к кнопке, затем после получения значения из localStorgae используйте text из jquery библиотеки, чтобы добавить текст

$('#buttonID').text(unameVar.trim())

Answer 2

Просто вызовите функцию onload и передайте новое значение из localStorage.

let unameVar=localStorage.getItem('uname');
let button = document.querySelectr('button');

/*When Page is loaded completely*/
window.onload = function(){

   button.innerText = unameVar; //=====> Assing your localstorge value to button
}
/*-----------------------------*/