Есть много способов, попробуйте себя в LocalStorage. Вот пример:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" class="inp">
<button class="btn">Сохранить</button>
<button class="btn1">Вывести</button>
<p>То, что получилось: <span class="res"></span></p>
</body>
<script>
let btn = document.querySelector('.btn')
let res = document.querySelector('.res')
let btn1 = document.querySelector('.btn1')
let inp = document.querySelector('.inp')
btn.onclick = function(){
localStorage.setItem("itm", inp.value)
}
btn1.onclick = function(){
res.innerHTML = localStorage.getItem("itm")
}
res.innerHTML = localStorage.getItem("itm")
</script>
</html>
https://www.youtube.com/watch?v=3-bZ7gLVSzo 
Простой