怎么用javascript把小数带进小标签，也就是一分钱，一个例子说明应该怎么做
<p class="price">630.<small>01</small> ₽</p>
最后 2 位数字，符号卢布 (₽) 除外
<p class="price">630.01 ₽</p>
<p class="price">50.00 ₽</p>
<p class="price">150.55 ₽</p>
如何更改 p 标签的第一个、第二个和第三个字母
现在 p 标签中有一个电话号码，我想让运营商代码加粗......将运营商代码放在一个单独的类中，而不是一个选项..
还有一个第一个字母选项 - 这不能更改第二个/第三个。
大家好！以及如何在 JS 中自动更新变量、对象的值……点击事件
const product = {
id: 1,
pricePerUnity: 500,
name: 'Product name',
imageUrl: 'https://cdn.dribbble.com/users/10882/screenshots/15172621/media/cd2246d5d0f54f9a4316bd4d276764b2.png?compress=1&resize=400x300',
};
const cartEl = document.querySelector('[data-id="cart"]');
const inputQty = cartEl.querySelector('[data-id="qty"]');
const incBtn = cartEl.querySelector('[data-action="inc"]');
const decBtn = cartEl.querySelector('[data-action="dec"]');
const totalEl = cartEl.querySelector('[data-id="total"]');
const errorEl = cartEl.querySelector('[data-id="message"]');
const priceEl = cartEl.querySelector('[data-id="price"]');
console.log(typeof inputQty)
totalEl.textContent = parseInt(inputQty * product.pricePerUnity);
inputQty.value = product.id;
priceEl.textContent = product.pricePerUnity;
decBtn.addEventListener('click', () => {
if (inputQty.value <= 0) {
errorEl.textContent = 'Минимум 1шт';
decBtn.disabled = true;
inputQty.value === 0;
} else if (inputQty.value >= 0) {
inputQty.value --;
decBtn.disabled = false;
}
});
incBtn.addEventListener('click', () => {
if (inputQty.value >= 10) {
errorEl.textContent = 'Максимум 10шт';
incBtn.disabled = true;
inputQty.value === 10;
} else if (inputQty.value <= 10) {
inputQty.value ++;
incBtn.disabled = false;
}
});
const order = {
idOrder: 1,
idProduct: product.id,
quantity: inputQty.value,
pricePerUnity: product.pricePerUnity,
};<div data-id="cart">
<div data-id="price"></div>
<input data-id="qty" min = "1" max = "10" value="" />
<button data-action="inc">+</button>
<button data-action="dec">-</button>
<div data-id="total"></div>
<div data-id="message"></div>
</div>'use strict';
const slider = document.querySelector('[data-id="viewer"]');
const photoSlider = slider.querySelector('[data-id="photo"]');
const prevButton = slider.querySelector('[data-action="prev"]');
const nextButton = slider.querySelector('[data-action="next"]');
const photos = [
{ id: 1, src: 'https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_160x56dp.png', alt: 'Title 1', },
{ id: 2, src: 'https://www.apple.com/newsroom/images/values/corporate/Apple_google-partner-on-covid-19-contact-tracing-technology_04102020_LP_hero.jpg.og.jpg', alt: 'Title 2', },
{ id: 3, src: 'https://cdn.logo.com/hotlink-ok/logo-social.png', alt: 'Title 3', },
{ id: 4, src: 'https://cdn.dribbble.com/users/10882/screenshots/15172621/media/cd2246d5d0f54f9a4316bd4d276764b2.png?compress=1&resize=400x300', alt: 'Title 4', },
];
const postWidgets = {
rootEl: slider,
photoSlider,
prevButton,
nextButton,
};
function bindPhotoToViewer(photo, el) {
photos['id'] = 1;
el.photoSlider.src = photos.src;
el.photoSlider.alt = photos.alt;
};
bindPhotoToViewer(photos, postWidgets);
if (photos['id'] === 1 || photos['id'] === 0) {
prevButton.disabled = true;
} else if (photos['id'] > 1) {
prevButton.disabled = false;
prevButton.addEventListener('click', () => {
photos['id']--;
});
};
nextButton.addEventListener('click', () => {
if (photos['id'] === 4) {
nextButton.disabled = true;
} else {
photos['id']++;
};
});<div data-id="viewer">
<div>
<img data-id="photo" src="" alt="">
</div>
<div>
<button data-action="prev">←</button>
<button data-action="next">→</button>
</div>
</div>它应该如何工作：
- 加载页面时，在查看器中加载第一张照片，“上一张”按钮被禁用
- 当您单击“下一张”时，第二张照片被加载，“上一张”按钮被启用
- 以此类推，直到我们到达最后一张照片（即，我们单击“下一个”3 次），到达那里后，“下一个”按钮被禁用
- 反过来也一样
以及如何每秒将计数器的值增加 10 ......我得到了 1
'use strict';
setInterval(() => {
const somEl = document.querySelector('[data-id="counter"]');
somEl.__counterValue = somEl.textContent;
somEl.textContent ++;
}, 1000);<div>Нас уже <span data-id="counter">0</span></div>$(document).ready(function() {
$('.menu__list li').click(function() {
if ($('.menu__list li').hasClass('_active')) {
$('.menu__list li').removeClass('_active');
$('.menu_body').slideUp(300);
} else {
$('.menu__list li').toggleClass('_active');
$('.menu_body').slideToggle(300);
};
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="menu__list list-inline mobile">
<li class="has-submenu">
<a class="menu__link underline" href="#65">Электротовары</a>
<div class="menu_body" style="display: none;">
<ul class="sub-menu__list list-unstyled">
<li class="">
<a class="sub-menu__link" href="#65_69">Кабели и провода</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_70">Автоматы</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_71">Розетки и выключатели</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_72">Клемы, подрозетники, коробки распределительные, подъемные</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_73">Гофра, металлорукав, трубы пвх</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_74">Кабельные лотки</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_75">Кабеленесущие системы</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_76">Светильники и прожекторы</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_77">Щиты и Боксы</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_78">Арматура кабельная/Изоляционные материалы</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_79">Высоковольтное оборудование</a>
</li>
<li class="">
<a class="sub-menu__link" href="#65_80">Теплые полы</a>
</li>
</ul>
</div>
</li>
<li class="has-submenu">
<a class="menu__link underline" href="#66">Сантехника</a>
<div class="menu_body" style="display: none;">
<ul class="sub-menu__list list-unstyled">
<li class="">
<a class="sub-menu__link" href="#66_81">Трубы хвс</a>
</li>
<li class="">
<a class="sub-menu__link" href="#66_82">трубы гвс</a>
</li>
<li class="">
<a class="sub-menu__link" href="#66_83">Канализационные трубы</a>
</li>
<li class="">
<a class="sub-menu__link" href="#66_84">Фитинги</a>
</li>
<li class="">
<a class="sub-menu__link" href="#66_85">Краны и смесители</a>
</li>
</ul>
</div>
</li>
</ul>你好！我可能在哪里犯了错误？
谢谢你！