Action quand clic sur Annuler pop-up 'prompt'

Bonjour,

Voici une fonction pour calculer la surface d'un cercle en renseignant le rayon, elle fonctionne parfaitement.

function surfaceCercle(){
    var rayon=parseFloat(prompt("Entrez le rayon du cercle : "));
    return Math.PI*rayon*rayon;
}

Voici maintenant le code HTML associé

<p>
    Cliquez sur le bouton pour lancer la fonction :
    <button onclick="alert('Surface du cercle  : '+surfaceCercle())">
        Lancer la fonction
    </button>
</p>

Donc je clique sur le bouton Lancer la fonction et une pop-up s'ouvre, je renseigne un rayon et une nouvelle pop-up remplace la première avec le résultat 'Surface du cercle : xxx'. Parfait.

Maintenant si je clique sur Annuler dans la première fenêtre une nouvelle pop-up s'ouvre avec le message 'Surface du cercle : NaN'. Comment faire pour que le clic sur Annuler arrête simplement la fonction et ferme la première pop-up sans en ouvrir une autre ?

Je ne trouve pas de solution.
Merci beaucoup.