Вдохновленный Codepen Challenge на этой неделе, чтобы создать что-то, что связано с «Hello World», используя JavaScript, я решил имитировать терминал DOS старой школы.
Если вы пропустили анимацию для печати, нажмите «повторить» в правом нижнем углу кадры Codepen.
Это использует JavaScript для «ввода» контента и анимации CSS для курсора.
Макет был сделан в щелчке с CSS Grid 😎
Хотя это и не полный редактор, вы можете ввести свой собственный контент благодаря скромному Довольствоваемое HTML -атрибут.
Было бы здорово выровнять это, фактически перемещая анимацию курсора, где бы вы ни были нажимаем, и, возможно, предоставить какую -то забавную функциональность для создания рабочих меню 😊 Не стесняйтесь вилка и делайте это!
Оригинал: “https://dev.to/5t3ph/helloworld-bat-vanillajs-plain-text-editor-25c7”