var width=$(".progress-bar").css("width");
width=parseInt(width);
width+=(width*0.1);
$(".progress-bar").css({"width":`${width}`});document.querySelectorAll('script[src="http://somelink"]')Если брать на чистом js коде...
делался редирект, который переходит на якорь и кликала на этот якорь
как это реализовать на phpА причём здесь JS?
document.location.href = "crm/frontend/web/admin#"Вызывает загрузку по href. click() не нужен.
function isClick(){
var svg = document.getElementById("svgo");
var svdom = svg.contentDocument;
var path = svdom.getElementsByTagName("path");
if(a1=='1'){path[0].setAttribute('fill', 'yellow');}
if(a2=='1'){path[1].setAttribute('fill', 'yellow');}
}
$('#show').click(function(){
$('.svg_cont').show();
isClick();
});... как это в ванильном JS...
var obj = {
x : 300,
y : 250,
z : "очко"
};
var arr=[];
for(let o in obj){ arr.push(obj[o]); }<p id="link" data-href="http://google.com">GET LINK</p>
<script>
document.querySelector('#link').addEventListener('click', function() {
let href = this.getAttribute('data-href');
this.innerHTML = `<a href=\"${href}\">${href}</a>`;
});
</script>сделать так, чтобы 2-ая начала выполняться только тогда, когда первая закончилась
<br><button id="b1">Botton1</button>
<br><button id="b2">Botton2</button>
<style>
button {
transition-property: background-color;
transition-duration: 3s;
}
</style>
<script>
function repaint(id){
let el=document.getElementById(id);
if(!el.style.backgroundColor){ el.style.backgroundColor = 'red'; return;}
if(el.style.backgroundColor === 'red'){ el.style.backgroundColor = 'blue'; return;}
if(el.style.backgroundColor === 'blue'){ el.style.backgroundColor = 'red'; return;}
}
window.addEventListener('load', ()=>{
repaint('b1');
});
document.getElementById('b1').addEventListener('transitionend', ()=>{
repaint('b2');
});
document.getElementById('b2').addEventListener('transitionend', ()=>{
repaint('b1');
});
</script>