Как убрать проверку на содержимое?

Question

Sviatoslav1 @Sviatoslav1

JavaScript

Как убрать проверку на содержимое?

document.querySelector('.des1').addEventListener('click', function(){
	this.textContent = this.textContent == "2" ? "1" : "2";
});

2 меняется на 1, только если уже есть 2, мне же нужно что бы не в зависимости от текста, было 2 состояния 1 и 2, тоесть убрать проверку

Вопрос задан более года назад
98 просмотров

6 комментариев

Подписаться 1 Простой 6 комментариев

Alex_mos @Alex_mos

Совсем непонятно что вам нужно)

Написано более года назад
Sviatoslav1 @Sviatoslav1 Автор вопроса
У меня есть html код

<html> <p class="des1">Текст</p> <script src='script.js'></script> </html>

и Java Script

document.querySelector('.des1').addEventListener('click', function(){ this.textContent = this.textContent == "2" ? "1" : "2"; });

Сейчас при нажатии на "Текст" появляется цифра 1, затем 2, и так бесконечно. Но цифра меняется на 1, только если уже есть цифра 2. А если там будет например 3, то она уже не поменяется потому что есть проверка
this.textContent == "2" ?
вот ее мне нужно и убрать

Если по другому, то мне нужно что бы у меня был текст, и он менялся на другой и обратно по клику на этот текст
Написано более года назад

Alex_mos @Alex_mos

Sviatoslav1,
Может как нибудь так тогда

switch(this.textContent ){
   case "2": 
         this.textContent=1
         break;
   case "1": 
        this.textContent=2
        break;
  default:
    this.textContent= this.textContent
}

Написано более года назад

Sviatoslav1 @Sviatoslav1 Автор вопроса

Alex_mos, вообще не работает, писал так:

document.querySelector('.des1').addEventListener('click', function(){
	switch(this.textContent ){
		case "1": 
			  this.textContent=1
			  break;
		case "2": 
			 this.textContent=2
			 break;
	   default:
		 this.textContent= this.textContent
	 }
});

html не менял

Написано более года назад

Alex_mos @Alex_mos

Sviatoslav1, ошибка выскакивает или просто ничего не происходит?

Написано более года назад
Sviatoslav1 @Sviatoslav1 Автор вопроса

Alex_mos, ничего не происходит

Написано более года назад

Пригласить эксперта

Ответы на вопрос 2

4 комментария

Sviatoslav1 @Sviatoslav1 Автор вопроса

Не то что мне нужно. Подробнее написал в комментарии к вопросу

Написано более года назад
ThunderCat @ThunderCat Куратор тега JavaScript

Sviatoslav1, из комментариев сильно понятней не стало. Все что написано там этим кодом покрывается в чем проблема?

Но цифра меняется на 1, только если уже есть цифра 2. А если там будет например 3, то она уже не поменяется потому что есть проверка
В моем коде все будет работать.

Написано более года назад

Sviatoslav1 @Sviatoslav1 Автор вопроса

ThunderCat, оно даже не нажимается
html

<html>
<p class="des1">Текст</p>
<script src='script.js'></script>
</html>

js

document.querySelector('.des1').addEventListener('click', function(){
	this.textContent = this.textContent != "2" ? "2" : "1";
});

Написано более года назад

ThunderCat @ThunderCat Куратор тега JavaScript

Sviatoslav1, все работает. https://jsfiddle.net/5psut9fk/

Написано более года назад

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Простой
Как вывести фотографии из папки или из контейнера последовательно с отработкой на каждой анимации?
- 1 подписчик
- 18 часов назад
- 31 просмотр
1

ответ
JavaScript

Простой
Как проверить три последние цифры числа и по условию изменить их?
- 1 подписчик
- 22 часа назад
- 133 просмотра
2

ответа
JavaScript

Простой
Как правильнее организовать код калькулятора?
- 1 подписчик
- вчера
- 116 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Как поменять тип проекции карты в Leaflet?
- 3 подписчика
- вчера
- 725 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- 02 мая
- 68 просмотров
0

ответов
JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- 01 мая
- 58 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- 01 мая
- 180 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- 01 мая
- 57 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- 01 мая
- 706 просмотров
4

ответа
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- 01 мая
- 95 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Сделать 4 видеобэкграунда для выступления детей

04 мая 2024, в 11:41

400 руб./за проект

Переверстка сайта, написан на React

04 мая 2024, в 11:17

1000 руб./в час

Перенести C# код программы на winapi

04 мая 2024, в 09:40

1000 руб./за проект

У меня есть html код

<html> <p class="des1">Текст</p> <script src='script.js'></script> </html>

и Java Script

document.querySelector('.des1').addEventListener('click', function(){ this.textContent = this.textContent == "2" ? "1" : "2"; });

Сейчас при нажатии на "Текст" появляется цифра 1, затем 2, и так бесконечно. Но цифра меняется на 1, только если уже есть цифра 2. А если там будет например 3, то она уже не поменяется потому что есть проверка
this.textContent == "2" ?
вот ее мне нужно и убрать

Если по другому, то мне нужно что бы у меня был текст, и он менялся на другой и обратно по клику на этот текст
Sviatoslav1,
Может как нибудь так тогда

switch(this.textContent ){ case "2": this.textContent=1 break; case "1": this.textContent=2 break; default: this.textContent= this.textContent }
Alex_mos, вообще не работает, писал так:

document.querySelector('.des1').addEventListener('click', function(){ switch(this.textContent ){ case "1": this.textContent=1 break; case "2": this.textContent=2 break; default: this.textContent= this.textContent } });

html не менял
Sviatoslav1, ошибка выскакивает или просто ничего не происходит?

Answer 1 · 2023-01-23 20:43:42

ThunderCat @ThunderCat Куратор тега JavaScript

{PHP, MySql, HTML, JS, CSS} developer

this.textContent = this.textContent != "2" ? "2" : "1";

Ответ написан более года назад

4 комментария

Answer 2 · 2023-01-25 03:32:38

Максим Предыбайло @maxpred

Frontend dev

document.querySelector('.des1').addEventListener('click', function(){
  this.textContent = this.textContent !== "2" ? "2" : "1";
});

Ответ написан более года назад

1 комментарий

Как убрать проверку на содержимое?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт