Первое, создай окошечко с нужным дизайном используя HTML и CSS в конце документа, только скрой его указав display: none в CSS
Затем, вместо твоего alert(result); сделай $("твой селектор окошка").show();
Но так же надо будет создать кнопочку "закрыть" или крестик, для этого создай через HTML и CSS эту кнопку и в JS создай событие: $("селектор кнопки").on("click", e => $("селектор окошка").hide());
alert(); это нативная функция JS, она вызывает окошко, которое не редактируется и в разных браузерах выглядит по-разному. Вместо этого ты можешь создать свою фунцию, которая будет делать подобное
Мой ответ подразумевает что ты имеешь небольшие знания HTML + CSS, пиши что не понятно