28 lines
786 B
JavaScript
28 lines
786 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);
|
|
};
|