Как вывести полученную информацию div'ом в javascript?

Question

[Stacy None]

Я подсчитал в Javascript количество элементов "li" в блоке с определенным "id" таким образом:

document.write(document.getElementById('111').childNodes.length);

Вопрос: Как вывести результат (цифру) например тегом "<div id='result'></div>" ?

Answer 1

[Максим]

var numberOfLis = document.getElementById('111').childNodes.length; //сохраняем кол-во дочерних элементов в переенную numberOfLis 
document.getElementById('result').innerText(numberOfLis); //выводим значение переменной как текст в блоке с id result

Comments

[Stacy None]

Не работает :(

[Максим]

я протупил, вот:
https://codepen.io/Melagomania/pen/QQQgLY?editors=1010

Answer 2

[Dima Polos]

createElement, appendChild.
https://learn.javascript.ru/modifying-document

Comments

[Stacy None]

Покажите пожалуйста на примере из моего кода, если вам не сложно пожалуйста!
Я просто ещё не совсем разбираюсь во всех подробностях JS

[Dima Polos]

Stacy None, видел, что уже ответ дали, но постараюсь свой вариант тоже описать немного позже, просто писал и пишу сейчас с мобильного, тут нет возможности код вставить, а все теги вырезает, писать спецсимволы у меня не хватит терпения.

[Dima Polos]

Stacy None, обещал, что покажу, как можно по хардкору решить это дело, вот: https://jsfiddle.net/dimovich85/t3osgmdh/16/
Вообще, правильно написали выше, если у Вас есть уже див, куда вывести результат, то вот это, что я предложил, это лишнее. Мой вариант, если надо создать из js элемент, которого в оригинале нет и туда вывести результат.