[MC-XOBAHCK]

Где то накосячил, не пойму в чём. Ошибки в консоле нет, но результата площади тоже нет.
Теперь изменился тип фигуры: четыре разные трапеции.
В функцию calculate(g, v) добавил две новые переменные: c, d;
В case 'g_roof' прописал через обращение к function trapeze(a, b, c)

<div class="row plos g_roof">
            <div class="col-sm-4">
                <h4>Скат 1</h4>
                <div class="st1">Основание (карниз):</div>
                <div class="st2"><input class="g_roof" /><span class="unit"> м</span></div>
                <div class="st1">Верх:</div>
                <div class="st2"><input class="g_roof" /><span class="unit"> м</span></div>
                <div class="st1">Бок (высота):</div>
                <div class="st2"><input class="g_roof" /><span class="unit"> м</span></div> 
        </div>
</body>

Так же с image map тёмный лес. Перерыл через поиск весь форум и учебник - инфы минимально, только скользкие упоминания. Гугл тоже уводит в ненужном направлении. Может подскажите по каким поисковым запросам нужно рыть? Так как для меня это новое, все мои построения поисковых фраз приводят к одним и тем же результатам.

Пока у меня только картинки с координатами есть.
Координаты для скатов:

<img src="https://goo.gl/6pD9hJ" alt="Фигура" usemap="#Map" />
    <map name="Map" id="Map">
        <area alt="скат 1" title="" href="#" shape="poly" coords="13,10,238,9,239,55,60,55" />
        <area alt="скат 2" title="" href="#" shape="poly" coords="60,55,239,54,239,100,104,100" />
        <area alt="скат 3" title="" href="#" shape="poly" coords="60,55,103,97,104,160,60,160" />
        <area alt="скат 4" title="" href="#" shape="poly" coords="13,10,60,55,60,160,13,160" />
    </map>