Как я могу бесконечно печатать переменную JS?
Я пытаюсь написать программу для своего веб-сайта, где вы можете увидеть, как программа «бесконечно» печатает текст. Я хочу, чтобы она создавала случайную величину, не важно, что это просто случайная тарабарщина, а потом выписывала ее на самом сайте. Прямо сейчас я создал фрагмент кода, который может создавать тарабарщину, но я борюсь с частью печати. Я хочу, чтобы он также показывал ранее сгенерированную тарабарщину, желательно в той же строке. В качестве примера:
- тарабарщина = wasd
- печатать тарабарщину
- генерировать новую тарабарщину
- соединить тарабарщину 1 и тарабарщину 2
- распечатать объединенную тарабарщину
- повторить!
Я пробовал несколько частей кода, но я не мог понять это. Вероятно, это очень простой цикл, поэтому заранее извините -_-
Это моя последняя попытка:
function gibberish() {
var randomsequence = '';
var followup = '';
function makeid(length) {
var output = '';
var letters = 'abcdefghijklmnopqrstuvwxyz';
var charactersLength = letters.length;
for ( var i = 0; i < length; i++ ) {
output += letters.charAt(Math.floor(Math.random() * charactersLength));
}
return output;
}
var monkeyoutput1 = '';
var stringoutput = monkeyoutput1 + makeid(Math.floor((Math.random() * 26) + 1)) ;
monkeyoutput1 = stringoutput;
document.getElementById("monkeybox").innerHTML = monkeyoutput1;
//document.getElementById("monkeybox").innerHTML = makeid(Math.floor((Math.random() * 26) + 1)) ;
}
setInterval(gibberish, 1000);<div>
<h1> text </h1><p id = "monkeybox"> placeholder text</p>
</div>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
79
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Я только что добавил innerHTML перед новым текстом, поэтому он добавляет его
function gibberish() {
var randomsequence = '';
var followup = '';
function makeid(length) {
var output = '';
var letters = 'abcdefghijklmnopqrstuvwxyz';
var charactersLength = letters.length;
for ( var i = 0; i < length; i++ ) {
output += letters.charAt(Math.floor(Math.random() * charactersLength));
}
return output;
}
var monkeyoutput1 = '';
var stringoutput = monkeyoutput1 + makeid(Math.floor((Math.random() * 26) + 1)) ;
monkeyoutput1 = stringoutput;
document.getElementById("monkeybox").innerHTML = document.getElementById("monkeybox").innerHTML + monkeyoutput1;
//document.getElementById("monkeybox").innerHTML = makeid(Math.floor((Math.random() * 26) + 1)) ;
}
setInterval(gibberish, 1000);<div>
<h1> text </h1><p id = "monkeybox"> placeholder text</p>
</div>Другие вопросы по теме
Изменить отображение элемента списка, его дочернего элемента и переместить элемент вверх по списку
Повторное использование шаблона html в проекте Angular
JS добавить элементы
Как запретить VS Code оборачивать содержимое HTML-тегов
Как я могу очистить данные с URL-адреса в сети?
Как изолировать слайдер Carousel от других страниц, которые не являются домашней страницей в Blazor
Изменение Html в операторе IF в JS
CSS - я хочу показывать изображения под текстом
Печать отфильтрованных данных с получением другого результата
Изменить форму макета, когда я нажимаю один переключатель
Похожие вопросы
Доступ к предыдущему родительскому значению в Array.map()
Изменить отображение элемента списка, его дочернего элемента и переместить элемент вверх по списку
Поиск из массива и создание цикла for
Отображение данных на основе тернарного оператора в React
Повторное использование шаблона html в проекте Angular
Конфликт кавычек в JS при разборе в MySQL
JS добавить элементы
Как я могу вернуть два объекта в javascript
Typescript не видит возвращаемые значения из try/catch
Изменение Html в операторе IF в JS
большое спасибо! Я чувствую себя довольно глупо, но я узнал новый трюк :)