Как сделать так, что бы при нажатии на элемент менялось его содержимое?

Question

[JackShcherbakov]

Как сделать так, что бы при нажатии на элемент менялось его содержимое?
Этот вопрос возник, когда я работал над этим мини-проектом https://codepen.io/CitizenOne/pen/PKEQYg .
Его суть в том, что бы пользователь вводил слово и перевод к нему и когда он нажмет кнопку "Добавить", блок с английским словом появится на экране. После нажатия на блок содержиоме меняется на переводенное слово, а при повторном нажатии возвращяется англоязычное слово.

Comments

[one_day]

делаешь 2 дива, один с display:block второй с display:none, ловишь клик по блоку и меняешь значения

[Nik Gubin]

Я бы посоветовал для начала изучить основы программирования, JavaScript, jQuery, а не спрашивать каждый шаг на тостере. Вы хотите на шару что-то сделать с помощью комъюнити или всё-таки обучиться мастерству? Лично я заметил уже три вопроса за сегодня.

(c) Не умеешь кодить - не мучай клаву.

Answer 1

[apez]

Вариантов миллион
Достаточно простым(не всегда верное) решением было бы:

слово

$('.js-toggle-translation').on('click', funcion(e){
if ($this.hasClass('origin'){
$this.html($this.data('translate'));
}
else {
$this.html($this.data('origin'));
}
$this.toggleClass(origin)

});