<div id="counter">
<input type="button" id="buttonCountPlus" value="+">
<div id="buttonCountNumber">1</div>
<input type="button" id="buttonCountMinus" value="-">
</div>
<div id="calculation">150</div> // 150 просто число для наглядности вычисления
let calculate = document.getElementById("calculation");
let count = document.getElementById("buttonCountNumber");
calculation = document.getElementById("calculation").innerHTML;
document.getElementById("buttonCountPlus").onclick = function() {
let countPlus = count.innerHTML;
if(+countPlus <= 3){
count.innerHTML++;
let countPlus = count.innerHTML;
calculate.innerHTML = calculations(countPlus) ;
}
}
document.getElementById("buttonCountMinus").onclick = function() {
let countMinus = count.innerHTML;
if(+countMinus >= 2){
count.innerHTML--;
let countMinus = count.innerHTML;
calculate.innerHTML = calculations(countMinus) ;
}
}
calculations = (count) => {
return calculation+` * ${count} = ` + (+count)*(+calculation);
}
<input type="button" id="buttonCountPlus" value="+">
<input type="button" id="buttonCountMinus" value="-">
<div id="buttonCountNumber">1</div>
<input type="hidden" value="1" id="num" name="num">
let buttonCountPlus = document.getElementById("buttonCountPlus");
let buttonCountMinus = document.getElementById("buttonCountMinus");
let count = document.getElementById("buttonCountNumber");
let count2 = document.getElementById("num");
let number = 1;
let price = 350;
buttonCountPlus.onclick = function() {
if (number <= 3) {
number++;
count.innerHTML = number;
count2.value = number * price;
}
};
buttonCountMinus.onclick = function() {
if (number >= 2) {
number--;
count.innerHTML = number;
count2.value = number * price;
}
}:
Цель: реализовать якорные ссылкиШаг №0 для достижения этой цели - собственно, использовать в разметке ссылки, а в качестве href указывать идентификатор элемента. И тогда никаких if не понадобится - можно будет легко получить id элемента, а по id уже его самого.
event.preventDefault()
. const viewBox = Array
.from(document.querySelectorAll('svg'), n => n.getAttribute('viewBox').split(' '))
.reduce((acc, n) => (n.forEach((m, i) => (acc[i] = (acc[i] ?? 0) + +m)), acc), [])
.join(' ');
document.addEventListener ('selectionchange', function (){
// getSelection().toString();
}, false);
btn.addEventListener('click', (event) => {
block.classList.contains('active') ? hide() : show();
});
const input = document.querySelector("input");
const button = document.querySelector("button");
button.disabled = true;
input.addEventListener("input", function() {
button.disabled = !this.value.length;
})
$result = implode(',', array_column(json_decode($str), 'v'));
preg_match_all('~(?<="v": )\d+~', $str, $match);
$result = implode(',', $match[0]);
Подскажите пожалуйста как сверстать данную страницу , а именно розовый фон со всеми скруглениями и всем прочим.
Подскажите еще как лучше/легче верстать данный макет на флексах или на бутстрапе?
PS: Я в учусь верстать всего 1,5 года, и много не знаю, объясните пожалуйста как можно проще.
logo, nav, background-image, position: relavite, position: absolute, border, border-radius, button, p и еще с 10-ток тэгов и селекторов которые встречаются Вам на 2й недели изучения верстки
и довольно примитивная сетка. Очень плохо учитесь, раз такой легкий макет спустя 1,5 года вызывает у Вас ступор..no-pseudo:before,
.no-pseudo:after,
.no-pseudo *:before,
.no-pseudo *:after {
content: none !important;
display: none !important;
}