$('.rp_cost').html(result.success+'+100 рублей.');$('.rp_cost').html(parseInt(result.success)+100);
document.querySelector('.productdetails').innerHTML = document.querySelector('.productdetails').innerHTML.replace(/Заголовок /g, '')$("#N").removeClass('answer-one');
$("#N").addClass('answer-one-block');let a = {
name:['Анна', 'Ксения', 'Алиса'],
famile:['Ивашкина','Малюк','Поветкина'],
age:['23','22','20']
}
function element(x) {
for(let i=0; i<x["name"].length;i++){
let tr = document.createElement('tr');
let td1 = document.createElement('td');
let td2 = document.createElement('td');
let td3 = document.createElement('td');
let tn1 = document.createTextNode(x["name"][i]);
let tn2 = document.createTextNode(x["famile"][i]);
let tn3 = document.createTextNode(x["age"][i]);
td1.append(tn1);
td2.append(tn2);
td3.append(tn3);
tr.append(td1);
tr.append(td2);
tr.append(td3);
document.getElementById('table').append(tr);
}
}
element(a);let nowMonth = new Date();
document.getElementById('select').value = nowMonth.getMonth() + 1;<svg
xmlns="http://www.w3.org/2000/svg"
width="731"
height="366"
viewBox="0 0 731 366"
>
<g fill="none" fill-rule="evenodd">
<!--ЛИНИЯ-->
<path
id="graph"
stroke-linejoin="round"
stroke-width="4"
d="M24 359.5c337.042-37 563.376-143.167 679-318.5"
style="stroke:#D3D802;stroke-width:3px;stroke-dasharray:1358;stroke-dashoffset:1358;"
/>
<animate
xlink:href="#graph"
begin="click"
id="ani-graph"
dur="3s"
attributeName="stroke-dashoffset"
to="0"
fill="freeze"
/>
<!--анимация наоборот-->
<animate
xlink:href="#graph"
begin="click"
id="ani2-graph"
dur="0.01s"
attributeName="stroke-dashoffset"
to="1358"
fill="freeze"
/>
<!--КРУЖКИ-->
<circle
id="point1"
cx="23"
cy="359"
r="5"
fill="#FFF"
stroke="#EF7D01"
stroke-width="4"
opacity="0"
/>
<animate
xlink:href="#point1"
begin="click"
restart="whenNotActive"
id="ani-point1"
attributeName="opacity"
to="1"
fill="freeze"
dur="0.25s"
/>
<!--анимация наоборот-->
<animate
xlink:href="#point1"
begin="click"
restart="whenNotActive"
id="ani2-point1"
attributeName="opacity"
to="0"
fill="freeze"
dur="0.01s"
/>
<circle
id="point3"
cx="703"
cy="41"
r="5"
fill="#FFF"
stroke="#EF7D01"
stroke-width="4"
opacity="0"
/>
<animate
xlink:href="#point3"
begin="click"
restart="whenNotActive"
id="ani-point3"
attributeName="opacity"
to="1"
fill="freeze"
dur="0.25s"
/>
<!--анимация наоборот-->
<animate
xlink:href="#point3"
begin="click"
restart="whenNotActive"
id="ani2-point3"
attributeName="opacity"
to="0"
fill="freeze"
dur="0.01s"
/>
<circle
id="point2"
cx="383"
cy="279"
r="5"
fill="#FFF"
stroke="#EF7D01"
stroke-width="4"
opacity="0"
/>
<animate
xlink:href="#point2"
begin="click"
restart="always"
id="ani-point2"
attributeName="opacity"
to="1"
fill="freeze"
dur="0.25s"
/>
<!--анимация наоборот-->
<animate
xlink:href="#point2"
begin="click"
restart="always"
id="ani2-point2"
attributeName="opacity"
to="0"
fill="freeze"
dur="0.01s"
/>
</g>
</svg>document.addEventListener("DOMContentLoaded", function() {
let radioBtn = document.querySelector("#checkbox");
let badImg = document.querySelector(".graph__img--bad");
let goodImg = document.querySelector(".graph__svg");
//let graphInfo = document.querySelector(".graph-info"); Тут закомментировал, так как элемента нет
let graphMark = document.querySelector(".graph__mark");
let graphBody = document.querySelector(".graph__radio");
let graphSection = document.querySelector(".graph");
let svgLine = document.getElementById("ani-graph");
let svgPoint1 = document.getElementById("ani-point1");
let svgPoint2 = document.getElementById("ani-point2");
let svgPoint3 = document.getElementById("ani-point3");
let animate = document.querySelectorAll("animate");
const toggleGraph = () => {
let isChecked = radioBtn.checked;
if (isChecked) {
svgLine.beginElement();
setTimeout(() => svgPoint1.beginElement(), 100);
setTimeout(() => svgPoint2.beginElement(), 800);
setTimeout(() => svgPoint3.beginElement(), 1730);
badImg.classList.add("hide");
goodImg.classList.add("show");
//graphInfo.classList.add("show"); Тут закомментировал, так как элемента нет
graphMark.classList.add("show");
graphBody.classList.add("show");
graphSection.classList.add("active");
} else {
animate.forEach(item => {
item.onend = () => {
console.log("endEvent fired");
};
});
badImg.classList.remove("hide");
goodImg.classList.remove("show");
//graphInfo.classList.remove("show"); Тут закомментировал, так как элемента нет
graphMark.classList.remove("show");
graphBody.classList.remove("show");
graphSection.classList.remove("active");
document.getElementById("ani2-graph").beginElement();// Запуск анимации наоборот
document.getElementById("ani2-point1").beginElement();// Запуск анимации наоборот
document.getElementById("ani2-point2").beginElement();// Запуск анимации наоборот
document.getElementById("ani2-point3").beginElement();// Запуск анимации наоборот
}
};
radioBtn.addEventListener("click", toggleGraph);
});if (res1.length > res2.length)console.log(getGreatestCommonDivisor(2000, 1000));function getGreatestCommonDivisor (num1, num2) {
let res1 = dividers(num1);
let res2 = dividers(num2);
let a = res1;
if (res1.length > res2.length) {
a = res2;
}
for (var i = a.length; i >= 0; i--) {
if (res1.indexOf(a[i]) != -1) {
break;
}
}
return a[i];
}let p=document.createElement('p');
let txt=document.createTextNode(youtext);
p.append(txt);
document.getElementById('price').append(p);