JAVASCRIPT

toast not showing

// toast show with javascript
<script>
		document.getElementById("liveToastBtn").onclick = function () {
			var myToast = document.getElementById('liveToast');//select id of toast
			var toastShow = new bootstrap.Toast(myToast);//inizialize it
			toastShow.show();//show it
		};
	</script>

// toast with bootstrap exmaple on instance method
<script>
		var toastElList = [].slice.call(document.querySelectorAll('.toast'))
		var toastList = toastElList.map(function (toastEl) {
			return new bootstrap.Toast(toastEl)
		})

		var myToastBtn = document.getElementById('liveToastBtn')//target toast btn
		var toast = document.getElementById('liveToast')// target toast
		var myToast = bootstrap.Toast.getInstance(toast) // Returns a Bootstrap toast instance

		myToastBtn.addEventListener('click', function () {
			myToast.show();
		})// btn click function 

	</script>