<div class="asdasd-1">
<div class="asdasd">
<div class="asdasd">
<div class="asdasd">
blabla
</div>
</div>
</div>
</div>
<div class="dsadsa"></div>
const contentNode = document.querySelector('.asdasd-1');
const output = document.querySelector('.dsadsa');
output.innerHTML = contentNode.innerHTML;
<div id="fundament__block" class="block">1</div>
<div id="stena__block" class="block">2</div>
<div id="krovlia__block" class="block">3</div>
<div id="vnesh_otdel__block" class="block">4</div>
<div id="vnut_otdel__block" class="block">5</div>
<div id="commun__block" class="block">6</div>
<div id="about_uslugy__block" class="block">7</div>
function showBlock(id) {
const blocks = document.querySelectorAll('.block');
blocks.forEach(block => {
block.style.opacity = '0';
});
const block = document.querySelector(`#${id}`);
block.style.opacity = '1';
}
showBlock('vnesh_otdel__block');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
index: path.resolve(__dirname, 'src/scripts/example.js')
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js',
},
plugins: [
new HtmlWebpackPlugin({
template: path.resolve(__dirname, 'src/index.html'),
// Скрипты, которые нужно подключить к странице
chunks: ['index'],
// Логика загрузки
scriptLoading: 'blocking | defer'
})
],
};
new Swiper('.swiper-container', {
loop: true,
centeredSlides: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});