msg model window and poup message

by Berat Emre NebioÄźlu

HTML

<script src="https://madprops.github.io/Msg/msg.js"></script>
<button class="msg" id='btn'> Msg Button Modal </button>

<button class="msg" id='btn2'> Msg Button Popup</button>

CSS

.msg{
  width: 50px;
  height:50px;
  border:1px solid black;
}

JavaScript

var msgButton = document.querySelector('#btn');
var msgButton2 = document.querySelector('#btn2');

var msg = Msg(
{
	class: "black",
	show_effect: "fade",
  show_effect_duration: [350, 350],
})

var msg2 = Msg(
{
	preset: "popup_autoclose",
	class: "green",
	show_effect: "slide_up",
  show_effect_duration: 350,
  enable_titlebar: true,
})

function greet(text)
{
	msg.show(["Hello", text]);
}

var text = "A javascript library to create and manage highly customizable modal windows and popup messages."

msgButton.addEventListener('click',function(){
	msg.show(text);
})

msgButton2.addEventListener('click',function(){
	msg2.show(["Hello", text])
})