Код работает в JSFiddle, но не работает в браузерах. В чем может быть проблема?

Question

[Никита Евдокимов]

<ul class="calc">
            <li>Калькулятор</li>
            <li class="calcIn">
                    <input type="text" name="inputValue" placeholder="Введите выражение">
                    <input type="text" name="outputValue" placeholder="Результат">
                    <button class="btn" id="button">Вычислить</button>
            </li>
        </ul>

var textIn = document.getElementsByName("inputValue")[0];
    var btn = document.getElementsByClassName("btn")[0];
    var textOut = document.getElementsByName("outputValue")[0];
    btn.onclick = function () {
        textOut.value = eval(textIn.value);
    }

Comments

[Алексей]

Покажите лучше итоговый html+js который вы в браузере проверяете.

Answer 1

[Сергей]

видимо код размещен до появления в DOM элементов

а фидл оборачивает код onload евентом

Answer 2

[Vitaliy]

window.onload

Answer 3

[Никита Евдокимов]

Оборачивание в window.onload = function () {...} не помогло

Comments

[Сергей]

document.addEventListener("DOMContentLoaded", ready);

Answer 4

[Rou1997]

<ul class="calc">
            <li>Калькулятор</li>
            <li class="calcIn">
                    <input type="text" name="inputValue" placeholder="Введите выражение">
                    <input type="text" name="outputValue" placeholder="Результат">
                    <button class="btn" id="button">Вычислить</button>
            </li>
        </ul>

<script>
var textIn = document.getElementsByName("inputValue")[0];
    var btn = document.getElementsByClassName("btn")[0];
    var textOut = document.getElementsByName("outputValue")[0];
    btn.onclick = function () {
        textOut.value = eval(textIn.value);
    }
</script>

Comments

[Сергей]

функции getElements лучше не использовать до загрузки всего DOM

[Rou1997]

Сергей: Ничего не меняется, если выше этого скрипта несколько элементов с одним name/class, то в любом случае они будут загружены одинаково, и если ниже, то тоже последовательность не изменится, а сами нижние здесь не нужны.