toastr-try

HTML

<script src="https://raw.github.com/CodeSeven/toastr/master/toastr.js"></script>
<link rel="stylesheet" href="https://raw.github.com/CodeSeven/toastr/master/toastr.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>

<form>
test1:<input type="button" value="test" onclick="test()"><br>
test2:<input type="button" value="test2" onclick="test2()">
</form>

JavaScript

function test(){
 alert("test");   
}

function test2(){
   toastr.info('Are you the 6 fingered man?');
}