What's new

Help jquery help

SUNRAI

Eternal Poster
Joined
Feb 1, 2018
Posts
517
Reaction
59
Points
406
Age
23
Hello any idea hindi kase gumagana yung jquery code ko eh parang tama naman po



Code:
<html>
<head>
        <title>ArisSongalia</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script>
                        $(document).ready(function(){
       $("#home").click(function(){
        $("#content").html("Hello");
      });
                        
                        
        </script>
                        <style>
                                        * {
                                        box-sizing : border-box ;
                                        }
                                        
                                    .header {
          background-color: #f1f1f1;
          padding: 20px;
          text-align: center;
          }
          .topnav p{
          overflow: hidden;
          background-color: #333;
          }

          
         .topnav p{
          float: left;
          display: block;
          background-color: gray;
          text-align: center;
          padding: 14px 16px;
          color: white;
          }
          
          .column {
          float: left;
          width: 33.33%;
          padding: 15px;
          }
          
          .row:after {
          content: "";
          display: table;
          clear: both;
          }
          
          
         .row {
          background-color: #f1f1f1;
          padding: 20px;
          text-align: center;
          }
          
                    
                        
        </style>
</head>
<body>
                <div class="header">
        <h1>Aris Songalia</h1>
    </div>
    
    <div class="topnav">
                    <p id="home">Home</p>
                    <p id="about me">About me</p>
                    <p id="gallery">Gallery</p>
                    <p id="portfolio">Portfolio</p>
                    <p id="contact me">Contact me</p>
    </div>
    
    <div class="row">
    <div class="column">
                     <h2>hello world</h>
    </div>
    </div>
      
    
    

        
                
                
                
                
</body>

</html>
 
HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
   <script>
     $(document).ready(function() {
       $("#home").click(function() {
         $("#content").html("Hello");
       });
     });
   </script>
 
sa cp po po kase ako nag co code kaya siguro nag iiba yung format pag inuupload ko dito sa forum
 

Similar threads

Back
Top