как не удалять введённый js(ом) текст ,при обновлении страницы!

[Brick]

<hr>
<span id="q"></span>
<hr>
<input type='button' onClick='Ok()' value='Ok'>  
<script>
function Ok()
{
var k = prompt("Сообщение:","");
{
document.getElementById("q").innerHTML=k;
 }}
</script>

----
Помогите пожалуйста.
Задача следующая: есть функция Ok,которая отправляет текст в id="q".Как сделать чтоб,этот текст,после введения функцией Ok - при обновлении страницы не удалялся, а удалялся бы только после закрытия окна с этой страницей.

[рони]

Brick,
не плодите темы, ответ вам дали тут
https://javascript.ru/forum/css-html...tml#post490561

[Brick]

рони,
как ваш скрипт кнопкой запустить этой:<input type='button' onClick='Ok()' value='Ok'>
?

[Brick]

Спасибо!

[Brick]

рони,

<hr>
<span id="q"></span>
<hr>
<input type='button' onClick='Ok()' value='Ok'>  
<script>
<script>
document.addEventListener("DOMContentLoaded", function Ok() {
var title = sessionStorage.getItem("mes");
 var div = document.getElementById("q");
var btn = document.querySelector('[type="button"]');
var oldTitle = div.innerHTML;
if (title) div.innerHTML = title;
btn.addEventListener("click", function() {
title =prompt("Сообщение:", "");
if(title === null) title = oldTitle ;
div.innerHTML = sessionStorage.mes = title
})
});
</script>

Работает.Спасибо!

[Brick]

Вот и ответ на вопрос.Что js нельзя сохранить.Выходит можно

[Brick]

Что делать если
document.querySelector('[type="button"]');
var btn = document.querySelector('[type="image"]');
- не один,а нужен второй или третий?

[Brick]

Что изменить в скрипте чтоб 2 такие функции работали на 1-й странице

[рони]

Brick,
придумайте элементам классы и продублируйте скрипт полностью, в первом будут (условно)

var btn = document.querySelectorAll('.btn')[0];

а во втором

var btn = document.querySelectorAll('.btn')[1];

[Brick]

рони,
Вот скрипт ,который я изменил он работает:

1)<script>
document.addEventListener("DOMContentLoaded", function msg2() {
var title = sessionStorage.getItem("msg");
var div = document.getElementById("msg2");
var btn = document.querySelector('[type="button"]');
var oldTitle = div.innerHTML;
if (title) div.innerHTML = title;
btn.addEventListener("click", function() {
title =prompt("Сообщение:", "");
if(title === null) title = oldTitle ;
div.innerHTML = sessionStorage.msg = title
})
});
</script>
2)<script>
document.addEventListener("DOMContentLoaded", function msg3() {
var title = sessionStorage.getItem("TXT");
var div = document.getElementById("msg3");
var btn = document.querySelector('[type="button"]');
var oldTitle = div.innerHTML;
if (title) div.innerHTML = title;
btn.addEventListener("click", function() {
title =prompt("Текст:", "");
if(title === null) title = oldTitle ;
div.innerHTML = sessionStorage.TXT = title
})
});
</script>

--
Я вас немного не понял,что здесь изменить на что и в каких строках?