js: сгенерированный вручную текст для перехода на следующий сайт - PullRequest
0 голосов
/ 09 июля 2020

я использую этот код js для создания текста:

let green, display, button, clock, end;
green = ["x", "t", "g", "l"];
display = ["l", "h", "r", "e"];
button = ["e", "D", "l", "w"];
clock = ["o", "b", "a.", "e"];
end = ["T", "g", "t", "w"];

function randGen() {
  return Math.floor(Math.random() * 4);
}

function sentence() {
  let rand1 = Math.floor(Math.random() * 4);
    
  let content = clock[rand1] + " " + display[rand1] + " " + button[rand1] + " " + green[rand1] + " " + end[rand1];

  document.getElementById('sentence').innerHTML = """ + content + """;
};
sentence();

и помещаю его в html вот так:

<button style="" onclick="sentence()">generate text<i class="fa fa-refresh" aria-hidden="true"></i></button>

        <div class="container">
            <p id="sentence"></p>
        </div>

Теперь я хочу использовать сгенерированный текст пользователь генерирует, нажимая кнопку «сгенерировать текст» на другом html -документе. Является ли это возможным? Нужно ли мне где-нибудь хранить этот текст, прежде чем использовать его в другом html -документе? заранее спасибо Джон

1 Ответ

2 голосов
/ 09 июля 2020

Вы можете использовать localStorage для решения вашей проблемы.
Сохраните свое предложение в localStorage следующим образом:

function sentence() {
  let rand1 = Math.floor(Math.random() * 4);
    
  let content = clock[rand1] + " " + display[rand1] + " " + button[rand1] + " " + green[rand1] + " " + end[rand1];

  return content;
};

// Check browser support
if (typeof(Storage) !== "undefined") {
    localStorage.setItem("sentence", sentence());
}

И получите значение предложения на другой странице, например:

<div id="result"></div>
 
<script>
    // Check browser support
    if (typeof(Storage) !== "undefined") {
        document.getElementById("result").innerHTML = localStorage.getItem("sentence");
    } else {
        document.getElementById("result").innerHTML = "Browser does not support Web Storage.";
    }
</script>

Надеюсь, это поможет в вашей проблеме. Пожалуйста, дайте мне знать, если у вас возникнут проблемы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...