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

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

Простой
Обьясните про функцию массив?
- 2 подписчика
- 2 часа назад
- 23 просмотра
1

ответ
JavaScript

+1 ещё

Средний
Как подключить поисковую систему в js?
- 1 подписчик
- 13 часов назад
- 61 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 17 часов назад
- 58 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 18 часов назад
- 37 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 19 часов назад
- 29 просмотров
0

ответов
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- 20 нояб.
- 140 просмотров
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- 20 нояб.
- 169 просмотров
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- 20 нояб.
- 85 просмотров
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- 20 нояб.
- 52 просмотра
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- 20 нояб.
- 105 просмотров
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Сделать бэкап сайта(форума) и установить его на сервер

23 нояб. 2024, в 04:31

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

Смонтировать видео

23 нояб. 2024, в 01:31

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

Настроить сайт

23 нояб. 2024, в 00:16

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

У меня есть 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 комментарий

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

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

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

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