var car = $('#car');
$(document).keyup(function(e) {
if (e.keyCode == 68) {
car.animate({'left': '+=50'},350);
}
else if (e.keyCode == 83) {
car.animate({'top': '+=50'},350);
}
else if (e.keyCode == 87) {
car.animate({'top': '-=50'},350);
}
else if (e.keyCode == 65) {
car.animate({'left': '-=50'},350);
}
});
<div>
<button onclick="pressButtonA()">Кнопка 1</button>
<button onclick="Again()">Сборосить</button>
</div>
<div id="links">
</div>
var arr = new Array();
arr[411] = [{id: 25-1, title: 'GA-1200 8MM', pdf: 'ссылка.pdf'},
{id: 25-2, title: 'GA-1232 9MM', pdf: 'ссылка.pdf'},
{id: 25-3, title: 'GA-1441 13MM', pdf: '131.pdf'}];
function pressButtonA(){
var links = document.getElementById('links');
arr.forEach(function(v){
if(typeof v == 'object'){
v.forEach(function(v){
if(typeof v == 'object'){
var a = document.createElement('a');
a.href = v.pdf;
a.id = v.id;
a.textContent = v.title;
links.appendChild(a);
}
})
}
});
}
function Again(){
var a = document.getElementById('links');
while(a.firstChild){
a.removeChild(a.firstChild);
}
}
function run(interval){
var timer = setInterval(function(){
var d = new Date(),
unixMidNight = Date.parse([d.getMonth()+1,d.getDate(),d.getFullYear()].join('/'));
var unix = unixMidNight + 14*60*60*1000; //14:00 текущего дня
var current = new Date().getTime();
if(interval != 1 && unix - current <= interval){
clearInterval(timer);
run(1);
}
if(unix <= current){
document.querySelector('button.button-submit').click();
clearInterval(timer);
}
}, interval);
}
run(5000);
let els = document.querySelectorAll('iframe[src]');
els.forEach((v)=>{
v.setAttribute('data-src', v.src);
v.removeAttribute('src');
});
const inputHobbies = document.querySelector(".page-info-wrap__hobbies-input");
const btnAddHobbies = document.querySelector(".page-info-wrap__add-hobbies");
const ul = document.querySelector(".page-info-wrap__hobbies-list");
let listValues = '';
const keyLocalStorage = 'myHobbies2';
if (localStorage.getItem(keyLocalStorage) !== null) {
listValues = localStorage.getItem(keyLocalStorage);
} else {
localStorage.setItem(keyLocalStorage, '');
}
ul.innerHTML = listValues;
btnAddHobbies.addEventListener("click", () => {
let input = inputHobbies.value;
if (input.length) {
listValues += '<li>'+input.trim()+'</li>';
localStorage.setItem(keyLocalStorage, listValues);
ul.innerHTML = listValues;
}
});
ul.addEventListener('click', function(event) {
const target = event.target;
if (target.tagName === "LI") {
let str = '<li>'+target.textContent+'</li>';
listValues = listValues.replace(str, '');
localStorage.setItem(keyLocalStorage, listValues);
ul.innerHTML = listValues;
}
});
<select id="styles">
<option>None</option>
<option data-url="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">Светлый</option>
<option data-url="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">Темный</option>
</select>
<script>
function createStyle(url){
var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.id = 'currentstyle';
style.href = url;
return style;
}
document.getElementById('styles').onchange = function(){
var el = document.getElementById('currentstyle');
if(el !== null){
el.remove();
}
var obj = this.options[this.selectedIndex].dataset;
if(!Object.keys(obj).length){
return;
}
document.head.appendChild(createStyle(obj.url));
}
</script>
$amount.on('input', function() {
if($(this).val() < 500000){
// $(this).val(500000)
$rangeslider.val(500000);
}else if($(this).val() > 100000000){
$rangeslider.val(100000000);
}else{
$rangeslider.val(this.value).change();
}
$rangeslider.change();
});
// getElementById s1
document.getElementById('s1').onchange = function(){
document.getElementById('output').textContent = this.value;
};
// querySelector s2
document.querySelector('#s2').onchange = function(){
document.querySelector('#output').textContent = this.value;
};
//jQuery для обоих select'ов
$('select[id^="s"]').on('change', function(){
$('#output').text(this.value);
});
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
function createIframe(win) {
var frame = document.createElement('iframe');
frame.width = 300;
frame.height = 300;
frame.id = 'ifr';
frame.src = '';
document.body.appendChild(frame);
var script = document.createElement('script');
script.innerHTML = 'console.log(window.parent.foo);';
frame.contentWindow.document.head.appendChild(script)
}
window.foo = 'bar';
setTimeout(function() {
createIframe(window);
}, 3000);
</script>
</body>
</html>
event.currentTarget
$(e.target).parents('a')