npm install gatsby-plugin-csp-nonce
module.exports = {
// ...
plugins: [
// ...
'gatsby-plugin-csp-nonce',
// ...
],
// ...
};
.graphic--nao {
stroke: #fff;
pointer-events: none;
transition: transform 0.7s, stroke 0.7s;
transition-timing-function: ease, ease;
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}
.graphic {
position: absolute;
top: 0;
left: 0;
fill: none;
}
.accordion__item {
margin-bottom: 10px;
border: 1px solid #e5e5e5;
max-height: 46px;
transition: max-height .2s ease-out;
overflow: hidden;
}
.accordion__item.active {
max-height: 500px;
transition: max-height .5s ease-in;
}
body {
max-width: 1400px;
margin: 0 auto;
overflow-y: scroll;
}
overflow-y: hidden;
// Подпишемся на событие отпускания кнопки мыши.
map.events.add('mouseup', function (e) {
map.events.add('touchstart', function (e) {...
map.events.add('touchmove', function (e) {...
$("#form1").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
$.ajax({
type: "POST",
url: '/php/code.php', //возможно тут нужен полный путь к файлу типа http://myweb.ru....
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
alert(data); // show response from the php script.
}
});
});
<div data-slick='{"nextArrow": "<button type="button" class="slick-next">Next</button>", "prevArrow": "<button type="button" class="slick-prev">Previous</button>"}'>
<input type="number" id="calculation" value="350" />
//Читаем value у элемента выше
let calculation = document.getElementById("calculation").value;
console.log(calculation);
//меняем value вместо тех мест где .innerHTML
let calculation1 = document.getElementById("calculation").value = "234";
console.log(calculation1);
var Card = ["Karten/MemoryCard1.jpg", "Karten/MemoryCard2.jpg","Karten/MemoryCard3.jpg"];
.....
for (let count = 0; count <= cards; count++){
var newDiv = document.createElement("div");
var image = document.createElement("img");
image.src = Card[x];
newDiv.setAttribute("class","memory-card");
newDiv.appendChild(image);
x++;
document.querySelector("#Cards").appendChild(newDiv);
}
<input id="number" type="number" value="" placeholder="Введите число">
<button id="button">Посчитать</button>
<div id="result"><div>
//получаем элемент кнопки
const btn = document.getElementById('button'); //вариант получения элемента
//элемент куда будем писать данные
const result = document.querySelector('#result'); //еще вариант получения элемента
//вешаем на него обработчик события по клику
btn.addEventListener('click', function (event){
console.log('Кнопка нажата');
const number = document.getElementById('number').value;
console.log(number); //Тут значение из поля
if (number === '1234'){
//alert('Круто!');
result.textContent='Круто!';
}else{
//alert('Не Круто!');
result.textContent='НЕ Круто!';
}
});