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/<EFBFBD><EFBFBD><EFBFBD><EFBFBD></button>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>`;
|
|||
|
|
|||
|
document.body.append($modalMain);
|
|||
|
};
|