xxxxxxxxxx1
<form>2
<div class="persdevgoal-area">3
<div class="wysiwyg" data-mdb-wysiwyg="wysiwyg" data-mdb-wysiwyg-fixed="true" style="max-height: 150px">something</div>4
</div>5
6
7
8
<div class="contacts-area">9
<div class="wysiwyg" data-mdb-wysiwyg="wysiwyg" data-mdb-wysiwyg-fixed="true" style="max-height: 150px">more something</div>10
</div>11
12
<button type="submit" class="btn mb-1 btn-danger">Save Changes <i class="far fa-save fa-lg" style="color:white"></i></button>13
14
</form>1
1
xxxxxxxxxx1
<script type="text/javascript">2
const formEl = document.querySelector('form');3
const persdevgoalArea = document.querySelector('.persdevgoal-area');4
const contactsArea = document.querySelector('.contacts-area');5
formEl.addEventListener('submit', (e) => {6
e.preventDefault();7
alert('First area content:-->'+persdevgoalArea.innerText+'---- second content:'+contactsArea.innerText+'<-------');8
9
})10
11
</script> Console errors: 0