Edit HTML

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Изучение вирусных заболеваний</title> <style> body { font-family: Arial, sans-serif; text-align: center; margin-top: 50px; } #data { display: none; margin-top: 20px; } table { margin: 0 auto; border-collapse: collapse; width: 80%; } table, th, td { border: 1px solid black; } th, td { padding: 10px; text-align: left; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; margin: 5px; } </style> </head> <body> <h1>Изучение вирусных заболеваний</h1> <div id="currentPathogen"> <p id="pathogenName">Нажмите "Следующий возбудитель", чтобы начать</p> </div> <button onclick="showCharacteristics()">Показать остальные характеристики</button> <button onclick="nextPathogen()">Следующий возбудитель</button> <div id="data"> <table> <thead> <tr> <th>Возбудитель</th> <th>Вирусное заболевание</th> <th>Классификация</th> <th>Пути передачи</th> <th>Наличие капсида</th> </tr> </thead> <tbody id="characteristics"></tbody> </table> </div> <script> const pathogens = [ {name: "Аденовирус", disease: "ОРВИ", classification: "дцДНК", transmission: "Воздушно-капельный", capsid: "нет"}, {name: "Папилломавирус", disease: "Бородавки, рак шейки матки", classification: "дцДНК", transmission: "Половой", capsid: "нет"}, {name: "Герпесвирус человека 1 типа", disease: "Герпес губ", classification: "дцДНК", transmission: "Контактный", capsid: "да"}, {name: "Герпесвирус человека 2 типа", disease: "Генитальный герпес", classification: "дцДНК", transmission: "Половой", capsid: "да"}, {name: "Герпесвирус человека 3 типа", disease: "Ветряная оспа", classification: "дцДНК", transmission: "Воздушно-капельный", capsid: "да"}, {name: "Герпесвирус человека 4 типа (вирус Эпштейна-Барр)", disease: "Инфекционный мононуклеоз, лимфома", classification: "дцДНК", transmission: "Воздушно-капельный", capsid: "да"}, {name: "Вирус гепатита В", disease: "Гепатит", classification: "дцДНК", transmission: "Половой, бытовой", capsid: "да"}, {name: "Ротавирус", disease: "Ротавирусная инфекция (диарея)", classification: "дцРНК", transmission: "Фекально-оральный", capsid: "нет"}, {name: "Риновирус", disease: "Насморк", classification: "оцРНК – матрица для белка", transmission: "Воздушно-капельный", capsid: "нет"}, {name: "Вирус гепатита А", disease: "Гепатит А", classification: "оцРНК – матрица для белка", transmission: "Фекально-оральный", capsid: "нет"}, {name: "Коронавирус", disease: "Тяжелый острый респираторный синдром (атипичная пневмония)", classification: "оцРНК – матрица для белка", transmission: "Воздушно-капельный", capsid: "да"}, {name: "Вирус лихорадки Западного Нила", disease: "лихорадка Западного Нила", classification: "оцРНК – матрица для белка", transmission: "Трансмиссивный (комары)", capsid: "да"}, {name: "Вирус гепатита С", disease: "Гепатит С", classification: "оцРНК – матрица для белка", transmission: "Половой, бытовой", capsid: "да"}, {name: "Вирус краснухи", disease: "Краснуха", classification: "оцРНК – матрица для белка", transmission: "Воздушно-капельный", capsid: "да"}, {name: "Вирус Эбола", disease: "Геморрагическая лихорадка", classification: "оцРНК служит матрицей для синтеза мРНК", transmission: "Контактный", capsid: "да"}, {name: "Вирус гриппа", disease: "грипп", classification: "оцРНК служит матрицей для синтеза мРНК", transmission: "Воздушно-капельный", capsid: "да"}, {name: "Корь", disease: "Вирус кори", classification: "оцРНК служит матрицей для синтеза мРНК", transmission: "Воздушно-капельный", capsid: "да"}, {name: "Паротит", disease: "Вирус свинки", classification: "оцРНК служит матрицей для синтеза мРНК", transmission: "Воздушно-капельный", capsid: "да"}, {name: "Бешенство", disease: "Вирус бешенства", classification: "оцРНК служит матрицей для синтеза мРНК", transmission: "Через укусы", capsid: "да"}, {name: "ВИЧ-инфекция", disease: "Вирус иммунодефицита человека (ВИЧ)", classification: "оцРНК служит матрицей для синтеза ДНК", transmission: "Половой", capsid: "да"} ]; let currentPathogenIndex = -1; function showCharacteristics() { if (currentPathogenIndex === -1) { alert("Сначала выберите возбудителя."); return; } const pathogen = pathogens[currentPathogenIndex]; document.getElementById("characteristics").innerHTML = ` <tr> <td>${pathogen.name}</td> <td>${pathogen.disease}</td> <td>${pathogen.classification}</td> <td>${pathogen.transmission}</td> <td>${pathogen.capsid}</td> </tr> `; document.getElementById("data").style.display = "block"; } function nextPathogen() { currentPathogenIndex = Math.floor(Math.random() * pathogens.length); const pathogen = pathogens[currentPathogenIndex]; document.getElementById("pathogenName").innerText = pathogen.name; document.getElementById("data").style.display = "none"; } </script> </body> </html>

Edit HTML

Preview