主页 / user-539757

Dmitry Nefedov's questions

Martin Hope
Dmitry Nefedov
Asked: 2024-08-28 20:59:33 +0000 UTC
  • 5

帮忙解决一下，以下结构来自服务器每天以字符串格式（结构始终相同，但数字不同）：

Статистика по заказам клиентов

Параметры:
Период: 27.08.2024 - 27.08.2024
Отбор:
Заказ клиента.Тип заказа Не в списке "Сотрудники; Тестовый"

По магазинам


В работе
Исполнен
Отменен
Количество
Сумма
Количество
Сумма
Количество
Сумма
Итого
1 732
2 172 351,80
4
2 065,00
27
42 549,00

Состояние
Количество
Сумма
В работе
1 732
2 172 351,80
Исполнен
4
2 065,00
Отменен
27
42 549,00
Итого
1 763
2 216 965,80

任务是编写解决方案，以便函数从该文本返回值“Total amount 1,763”和“Total amount 2,216,965.80”

javascript
Martin Hope
Dmitry Nefedov
Asked: 2023-01-29 10:11:37 +0000 UTC
  • 5

目前，为了将新课程应用于孩子，您需要在屏幕上找到父母所在的区域.card-cats并单击它，如何实现以便您可以在卡片边界内的任意位置单击并给孩子加班？

const cardCats = document.querySelector('.card-section');

function changeColorCard(event) {

  if (event.target && event.target.classList.contains('card-cats')) {
    event.target.querySelector('.card-cats__slogan').classList.toggle('changeBorder')
    event.target.querySelector('.card-cats__triangle').classList.toggle('changeBorderGradient')
    event.target.querySelector('.card-cats__main').classList.toggle('changeBorder')
    event.target.querySelector('.card-cats__image-circle').classList.toggle('changeBackground')
  }

};


cardCats.addEventListener('click', changeColorCard);
.card-section {
  width 100%;
  display: flex;
  justify-content: space-evenly;
}

.card-cats {
  width: 40%;
  border: 2px solid orange;
}

.card-cats__head {
  display: flex;
  justify-content: center;
  background-color: green;
}

.changeBorder {
  color: #D91667;
  background-color: orange;
}
.changeBorderGradient {
  font-size 100px;
 }
    
.changeBackground {
  background-color: #D91667;
}
<div class="card-section">

        <div class="card-cats">
          <div class="card-cats__head">
            <div class="card-cats__triangle"></div>
            <h3 class="card-cats__slogan"><span>Сказочное заморское яство</span></h3>
          </div>

          <div class="card-cats__main">
            <h3 class="card-cats__title">Товар 1</h3>
            <p class="card-cats__subtitile">с рыбой</p>
            <ul class="card-cats__properti">
              <li class="card-cats__properti-item">40 порций</li>
              <li class="card-cats__properti-item">2 мыши в подарок</li>
            </ul>

            <img class="card-cats__image-cat" src="img/home/section-card/cats-logo.svg">
            <div class="card-cats__image-circle">
              <p class="card-cats__image-circle-top">2</p>
              <p class="card-cats__image-circle-bottom">кг</p>
            </div>
          </div>

          <span class="card-cats__bottom">
            Чего сидишь? порадуй кота, 
            <span class="card-cats__bottom-btn">
              <a href="#0" class="card-cats__bottom-btn-link"> купи</a>.
            </span>
          </span>
        </div>
        
                <div class="card-cats">
          <div class="card-cats__head">
            <div class="card-cats__triangle"></div>
            <h3 class="card-cats__slogan"><span>Сказочное заморское яство</span></h3>
          </div>

          <div class="card-cats__main">
            <h3 class="card-cats__title">Товар 2</h3>
            <p class="card-cats__subtitile">с мясом</p>
            <ul class="card-cats__properti">
              <li class="card-cats__properti-item">40 порций</li>
              <li class="card-cats__properti-item">2 мыши в подарок</li>
            </ul>

            <img class="card-cats__image-cat" src="img/home/section-card/cats-logo.svg">
            <div class="card-cats__image-circle">
              <p class="card-cats__image-circle-top">2</p>
              <p class="card-cats__image-circle-bottom">кг</p>
            </div>
          </div>

          <span class="card-cats__bottom">
            Чего сидишь? порадуй кота, 
            <span class="card-cats__bottom-btn">
              <a href="#0" class="card-cats__bottom-btn-link"> купи</a>.
            </span>
          </span>
        </div>

      </div>

javascript
Martin Hope
Dmitry Nefedov
Asked: 2023-01-28 22:10:41 +0000 UTC
  • 5

为什么它不起作用event.target.classList.toggle('style')，当您再次单击该元素时，“样式”类没有被删除？如何实施？

const wrapper = document.querySelector('.wrap');

function handleEvent(event) {
  if (event.target && event.target.classList == 'string') {
      event.target.classList.toggle('style')
  }
};

wrapper.addEventListener('click', handleEvent);
.style {
  color: red
}
<div class="wrap">
  <div class="string">Один</div>
  <div class="string">Два</dib>
</div>

javascript
Martin Hope
Dmitry Nefedov
Asked: 2023-01-28 08:50:17 +0000 UTC
  • 5

有这样一个代码：2 张具有相同类别的卡片。目前，只需单击一下，新类就会添加到两张卡片中，但有必要通过单击特定卡片，对其执行功能并添加类，而第二张卡片仍保持标准状态。

根据条件，您不能更改第二张卡上的类别并挂断第二个处理程序。 该代码仅在香草 js 中。 如何实施？ 这个选项可能吗？

function changeProp(event) {
  const card = event.target

  card.querySelector('.card-something').classList.toggle('some-class')
};

？

const card = document.querySelectorAll('.card');

const cardSlogan = document.querySelector('.card__slogan');
const cardText = document.querySelector('.card__text');
const cardImg = document.querySelector('.card__img');

function changeProp() {
  cardSlogan.forEach((el) => {
    el.classList.toggle('changeBorder');
  });

  cardText.forEach((el) => {
    el.classList.toggle('changeColor');
  });

  cardImg.forEach((el) => {
    el.classList.toggle('changeSize');
  });
}

card.addEventListener('click', changeProp);
  <section class="section-card">

  <div class="card">
    <div class="card__slogan"></div>
    <div class="card__text"></div>
    <div class="card__img"></div>
  </div>

  <div class="card">
    <div class="card__slogan"></div>
    <div class="card__text"></div>
    <div class="card__img"></div>
  </div>

  </section>

javascript