Query: How can I generate a new DOM element using vanilla JavaScript and append it to another div within this component?
Here is the snippet of code:
<template>
<div class="backdrop" @click="closeModal">
<div class="modal">
<div id="elementContainer">{{ createDiv }}</div>
</div>
</div>
<script>
export default {
props: [ 'elementSummary', 'elementName', 'elementSymbol', 'elementNumber', 'elementPhase',
'elementShell', 'elementDensity' ],
methods: {
createDiv(){
const newDiv = document.createElement('div')
let divContainer = document.getElementById("elementContainer").appenedChild(newDiv)
}
}