Mistake found in my HTML coding

I'm having trouble with the HTML code I'm working on. The tabs aren't changing when I click on "Students' statistics," and I suspect the error is in the head section, but I can't pinpoint where exactly...

Can anyone recommend a website for checking errors? I've tried several but getting strange messages like "coding is not defined..."

function show(id) {
  // Function to display element 
}

function hide(id) {
  // Function to hide element
}
.borderradius {
  // CSS styles
}

/* More CSS styles */

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
/* HTML content */

javascripthtmlcssweb-applications

Answer №1

Ensure to insert the following code right before the closing body tag:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>

Answer №2

Don't forget to run your code through this validator: https://validator.w3.org/

If you choose to validate by direct input, simply paste your code in and correct any errors that may appear. Update the snippet with any remaining errors.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Failure to initiate JavaScript function with onClick event

I've been struggling with a simple issue related to calling a javascript function. After spending several hours trying to debug it on my own, I'm reaching out for help in the hopes that a fresh perspective can assist me. Here is the snippet of c ...

phpjavascriptonclick

Is it possible to echo a CSS class using PHP?

I have a PHP structure and I would like to embed my div in PHP. I need to write CSS with echo class, but I am unsure of how to do it. Here is my div: <div class="mydiv"> <img src="catalog/view/theme/default/img/mypng.png" alt=""> </div ...

phpcss

How can you ensure in Typescript that a function parameter belongs to a specific set of enumerated values?

Consider this example enum: export enum MyEnum { a = "a", b = "b", c = "c" } Now, let's define a function type where the parameter must be one of these values. For instance, myFunction("c") is acceptabl ...

javascriptreactjstypescript

Is it possible to read PDF files using Node.js without relying on external libraries?

When I attempt to extract text from a PDF document using Node.js with the fs.readFile method, the response contains strange characters. fs.readFile(directory + '/' + pdf, 'binary', (err, data) => { if (err) { console.l ...

javascriptnode.js

Guide on deleting objects based on their IDs when the IDs are stored in a separate array using JavaScript

I have two separate arrays. One array contains only integers as IDs (from a searchBox) and the other array contains objects, such as: categories = [1, 2, 5, 8]; items = [ { title: 'Hello', description: 'any description you want', cat ...

javascriptvue.jsnuxt.js

Html.fromHtml does not strip <!-- comments -->

While parsing HTML code, I want to display it in a simple TextView without using a WebView. The Html.fromHtml(mySource) method works well and styles the text with colors, bold, italic, etc... However, it does not remove comments which is inconvenient. D ...

androidhtmlcomments

Preventing font changes on the mobile (Android) version of your site: Tips and tricks

I have set Futura as the default font for my web application: body { font-family:Futura, Verdana, sans-serif; font-weight: 100; } Recently, upon adding <meta name = "viewport" content = "width=device-width"> for mobile display, I noticed ...

androidioscssmobilefonts

I prefer not to have my navigation bar obscuring the top of my background image

Utilizing both bootstrap classes and Python Flask has been quite interesting for me. My current setup includes a navbar with the following classes: <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> Additionally, here is t ...

htmlcssbootstrap-4

Mobile-friendly HTML email design featuring bottom navigation bar

Currently, I am in the process of coding a responsive email template. Here is what I have so far: Click here to view <tr class="main_nav"> <td id="mobile_nav" width="600"> <table cellpadding="0" cellspacing="0" width="100%"> ...

htmlcsshtml-email

Having difficulty duplicating a button with a click event using jQuery

I have implemented a button that reveals a phone number when clicked using the code below: var shortNumber = $("#phone_ch").text().substring(0, $("#phone_ch").text().length - 12); var onClickInfo = "_gaq.push(['_trackEvent', 'EVENT-CATEGOR ...

javascriptjqueryonclick

How can I securely upload a video to my website? (Utilizing Django)

For my latest project, the client requested video uploading with a focus on user privacy. They wanted the videos to be accessible only to signed-in users. I successfully secured the page, but encountered some challenges when it came to uploading the video ...

pythonhtmldjangovideohtml5-video

The function $.parseJSON(...) does not support iteration with .each()

Within a JavaScript file, the following code is present: The syntax below is correct: $(jQuery.parseJSON(category)).each(function() { $(selector).append($('<option>').text(this.name).attr('value', this.contactCategoryId)); ...

javascriptjqueryjson

The jade files are not being detected by gulp.watch()

Out of the blue, my gulpfile.js's watch statement for all of my jade files decided to stop functioning. Any idea why this might be? The Jade task is set up as follows: gulp.task('jade', function() { gulp.src('app/*.jade') . ...

javascriptnode.jsgulppug

Having trouble with your JavaScript slideshow?

I've encountered an issue while working on a simple JavaScript picture slideshow. Strangely, when I copy the code directly from the website where I learned it, it works perfectly fine. However, if I try to recreate the exact same code by hand, it does ...

javascripthtmlimagewebslideshow

In Nodejs, the function 'require' fails to load a module when using specific filenames

Hello everyone, I am a long-time user but this is my first time asking a question. So, I have a file named file.js where I am trying to require another file called user.service.js at the beginning of the file: var userService = require('./user.servi ...

javascriptnode.js

"amCharts Version 4 introduces a new feature allowing for the month format to be displayed on the Date

When setting up my XYChart, I am facing an issue with the x-Axis labels. I want to display the twelve months from Jan to Dec, but in the image provided, the first month is also showing the Year (yyyy) along with it. let dateAxis = chart.xAxes.push(new ...

javascriptreactjsamchartsamcharts4

Avoid having gulp's uglify plugin remove es6 code

I've encountered an issue while using gulp babel to compile es6. It seems that uglify is stripping out my es6 code completely. Strangely, I'm not receiving any errors in my command line during the process. Have you faced this problem before? Any ...

javascriptgulpgulp-uglifygulp-babel

Traverse through nested objects

I am currently working with JSON data containing information like uf, ivp, and others. My goal is to iterate over all the objects in order to access their properties. { "version": "1.5.0", "autor": "mindicador.cl", "fecha": "2018-10-31T13:00:00.000Z", "uf ...

javascriptarraysjsonajax

Ensure Your Forms Are Error-Free with Jquery Form Validation

Currently working on a registration form that involves the use of credit cards. I have reached the stage of form validation to ensure that users input correct data in the appropriate fields. However, this has led me to ponder whether relying on JQuery for ...

javascriptphpjquery.netjquery-plugins

What is the best way to incorporate a dropdown menu into existing code without causing any disruption?

I've come across this question multiple times before, but I still haven't found a suitable answer or solution that matches my specific situation. (If you know of one, please share the link with me!) My goal is to create a basic dropdown menu wit ...

javascriptjqueryhtmlcsstwitter-bootstrap