Морские аквариумы

Это старая версия документа!

<h3>Кораллы закрылись. Выберите сценарий:</h3> <button onclick=«showBlock('one')»>Один коралл</button> <button onclick=«showBlock('one_species')»>Один вид</button> <button onclick=«showBlock('multiple')»>Несколько разных видов</button> <button onclick=«showBlock('all')»>Все</button>

<b>Локальная причина:</b> поток, сосед, свет<br>
<p>Следующий вопрос: поток слишком сильный рядом с кораллом?</p>
<button onclick="showBlock('one_flow_yes')">Да</button>
<button onclick="showBlock('one_flow_no')">Нет</button>

<div id="one_flow_yes" style="display:none; margin-left:20px;">
  <p>Действие: перенести коралл в зону мягкого потока</p>
</div>
<div id="one_flow_no" style="display:none; margin-left:20px;">
  <p>Действие: проверить соседей, убрать соседние травмирующие объекты</p>
</div>

<script> function showBlock(id){

var blocks = ['one','one_species','multiple','all','one_flow_yes','one_flow_no'];
blocks.forEach(b => document.getElementById(b).style.display='none');
document.getElementById(id).style.display='block';

} </script> </html>