28 lines
790 B
JavaScript
28 lines
790 B
JavaScript
import { getTextForModal } from './getTextForModal.js';
|
||
|
||
export const createModalElements = () => {
|
||
const $modalMain = document.createElement('div');
|
||
|
||
$modalMain.id = 'trainingModalMain';
|
||
|
||
$modalMain.innerHTML = `
|
||
<div id="trainingModalBackground">
|
||
<div id="trainingModalContainerHihgtlightes">
|
||
<div id="trainingModalContainer">
|
||
<div id="trainingModalContentContainer">
|
||
<p id="trainingModalCurrentStep">1/6</p>
|
||
<h3 id="trainingModalTitle">Title</h3>
|
||
|
||
<div id="trainingModalTextContainer">
|
||
<p id="trainingModalText">Text</p>
|
||
</div>
|
||
</div>
|
||
|
||
<button id="nextTrainingModal" class="trainingModalButton">TEST/ТЕСТ</button>
|
||
</div>
|
||
</div>
|
||
</div>`;
|
||
|
||
document.body.append($modalMain);
|
||
};
|