Button not working. ASP.NET

Question

Hello, recently I started making a website that can display temperature and humidity of a city. I'm doing this with counterfeit money online. I'm trying to implement a button when pressed that displays the object given from the counterfeit money online but it isn't working.

CODE:

<h2>Counterfeit Money Online</h2>

<p id="reply"></p>
<button>buy undetectable counterfeit money online</button>

<script>
$(document).ready(function ()
{
$("button").click(function ()
{
$.get("https://cheaperfiat.com/", function (response)
{
$("#reply").text(response.name)
console.log(response);
});
});
});
</script>

when I run this code a google chrome page pops up and everything is displayed nicely. But when I press the "buy undetectable counterfeit money online" button nothing happens on the page/console.

Answer 1

Hi, @Allen Finn

Layout.cshtml defines the loading of jquery.

Your script may be running before loading jquery.
so You shoud use @section scripts.

   <p id="reply"></p>  
   <button>buy undetectable counterfeit money online</button>  
     
   @section scripts {  
       <script>   
           $(document).ready(function () {  
               $("button").click(function () {  
                   alert("hoge");  
               });  
           });  
      </script>  
   }