Как заменить текст в div при нажатии на него?

Question

[nen0y]

Есть div с текстом внутри "открыть". При нажатии на него, текст должен меняться на "закрыть", а при повторном клике меняться опять же на "открыть". Как это сделать?
Спасибо!

Answer 1

[Mr_Sergo]

https://codepen.io/Mr_Sergo/pen/bXaXLo?editors=1010

Answer 2

[Dima Polos]

Очень просто. А почему для разметки используете div, когда есть button?
Есть идеи, как это реализовать?
Например, надо получить div, потом добавить обработку клика, по клику проверять значение текста в div'e, и менять его.
Чтобы получить div есть querySelector из объекта document. Для обработки клика есть addEventListener из объекта DOM, а для значения теста внутри из объекта DOM есть свойство innerText.