Рассчитать объем цилиндра с помощью JavaScript с использованием прототипа - PullRequest
Новая
       33

Рассчитать объем цилиндра с помощью JavaScript с использованием прототипа

0 голосов
/ 21 сентября 2018

Я новичок в javascript и начинающий, так что не надейтесь на меня.

Мне нужно вычислить объем цилиндра, используя функцию конструктора и прототип.

IУ меня есть форма с двумя входными данными, с которой я буду получать значения для расчета.Я должен создать новый экземпляр, когда кнопка нажата, и вычисление должно быть выведено во входной результат.

Я, кажется, застрял в части, чтобы получить значения из входов, поскольку моя консоль всегдаговорит, что «hoogte» и «диаметр» не определены, когда я нажимаю кнопку.

Я смотрю на это почти 24 часа, но я не получаю никакого прогресса ..

Это мой код: 

<form action="">
    <label>
        Diameter: <input type="text" id="diameter"><br><br>
        Hoogte: <input type="text" id="hoogte"> <br><br>
        <input type="button" value="bereken" id="berekenBtn"><br><br>
        <input type="text" id="uitkomst">
    </label>
</form>

- 

<script>
    window.addEventListener("DOMContentLoaded", function () {
        document.getElementById("berekenBtn").addEventListener("click", bereken);
    });

    function Cylinder(hoogte, diameter) {
        this.hoogte = hoogte;
        this.diameter = diameter;
    }

    Cylinder.prototype.volume = function () {
        var radius = document.getElementById('diameter') = this.diameter / 2;
        var hoogte = document.getElementById('hoogte') = this.hoogte;

        var berekening = Math.PI * radius * radius * hoogte;
        //berekening.toFixed(4);
    }


    function bereken() {
        var myCylinder = new Cylinder(
            document.getElementById("uitkomst").value = Cylinder()
        )
        console.log(myCylinder);
    }
</script>

1 Ответ

0 голосов
/ 21 сентября 2018 
 <form action="">
        <label>
            Diameter: <input type="number" id="diameter"><br><br>
            Hoogte: <input type="number" id="hoogte"> <br><br>
            <input type="button" value="bereken" id="berekenBtn"><br><br>
            <input type="text" id="uitkomst">
        </label>
    </form>


<script>
         window.addEventListener("DOMContentLoaded", function () {
        document.getElementById("berekenBtn").addEventListener("click", bereken);
    });

    function Cylinder(hoogte, diameter) {
        this.hoogte = hoogte;
        this.diameter = diameter;
    }

    Cylinder.prototype.volume = function () {
        var radius =  this.diameter / 2;
        var hoogte = this.hoogte;

        var berekening = Math.PI * radius * radius * hoogte;
        return berekening;
    }


    function bereken() {
        var diameter = document.getElementById("diameter").value;
        var hoogte = document.getElementById("hoogte").value;
        var myCylinder = new Cylinder(diameter, hoogte);
        var result = myCylinder.volume();
        document.getElementById("uitkomst").value = result;
    }

    </script>

Я изменил какой-то код, попытайтесь понять это, надеюсь, он вам поможет!

...