The text color and image size remain unchanged when I press the buttons. Perhaps there is an issue with the way I linked my JavaScript?

I'm currently working on debugging for a prework assignment at a coding school. I'm having trouble getting the buttons to function properly. Despite my limited experience, I suspect that my javascript file is not linked correctly. The javascript file is named logic.js, and the css file is style.css; they are both located in the same folder.

<!DOCTYPE html>
<html>
<head>
  <title>Boo The Dog</title>
  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <!-- Linking CSS -->
  <link rel="stylesheet" type="text/css" href="style.css">
  <!-- Linking jQuery -->
  <script type="text/javascript" src="logic.js" ></script>

</head>
<body>

the code also includes this at the bottom 

<script type="text/javascript" src="logic.js"></script>
javascripthtmlcssfrontend

Answer №1

Your script code contains two links. Could you share more details about your directory arrangement?

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

Customize the behavior of the focus-visible feature on input elements

In my design, I want to remove the outline ring on an input element when it's focused via mouse interaction but still keep it visible when focused using the keyboard. This similar question was raised about a week ago here, unfortunately with no solut ...

htmlcssaccessibility

What is the best way to incorporate white space in Bootstrap until a specific element is at the top of the screen?

I want to enhance my website design in Bootstrap 4 by having an image appear at the top of the user's screen when a certain button or image is clicked. This can be achieved by adding white space to the bottom of the website so that the image remains v ...

javascripthtmlcssbootstrap-4

Is it possible to deactivate dynamic binding in Vue.js?

I'm curious if there's a way to disable dynamic binding for a specific instance of an attribute that I'm displaying. Imagine I have the following code, utilizing two-way binding: this.$children[0].$data.hits In this scenario, I have a vac ...

javascriptvue.js

Exploring the Challenges of Dynamic Routing in ReactJS

I have a set of components that I need to convert into dynamic URLs. When accessing the browser, for example, http://localhost:3000/houses/1, I want it to display House 1. Everything else in the application is functioning correctly. I just need to resolve ...

javascriptreactjs

Persistent NW.js Local Storage Cache Remains Present even After Deleting Application

I have been encountering an issue in my NW.js app where I store data in the Local Storage. Even after deleting the app and cleaning up cache information, the Local Storage data seems to persist. When I reinstall the app, the stored data reappears as if it ...

javascriptnode.jscachinglocal-storagenode-webkit

Generate a menu submenu allowing for interactive toggling and dynamic visualization of expandable/collapsible sections upon clicking, featuring visually

Looking for assistance in creating a dynamic menu with sub-menus that can expand upon clicking. The goal is to have an expandable menu structure where the user can click to expand or collapse certain sections. However, my current code is not functioning co ...

javascriptjqueryhtmlcss

The issue arises with getInitialProps as it fails to pass data to the page component while attempting to retrieve initial information and subsequently modify it using a button

I am currently working on a component located at app\page.tsx in Next.js v13.4.12, and it includes a button. My goal is to have the button trigger the handleClick function when clicked. The issue I'm facing is that the getInitialProps function ...

javascriptnode.jsreactjsnext.js

Challenges Arising from the Reflection of Vectors in Particle Collisions

Could there be a potential math error in my particle collision simulation that I created? You can find the simulation here. The issue seems to be with the separation of particles during collision resolution. Below is a snippet of the code where particles ...

javascripthtmlmaththree.js

Guide on How to Include data (PDF Base 64) in angular 6 component

Within my Angular 6 application, I am presenting data (a report) in a new window using the following code snippet. *** The 'result' variable contains Base64 data *** if (result != null) { const pdfWindow = window.open(""); ...

htmlangularembed

The error encountered is related to the MongooseServerSelectionError that occurs in

I have been working on setting up my first mongo-db application to connect to the server. However, I am encountering a specific error during this process: const express = require('express'); const mongoose = require('mongoose'); const ...

javascriptnode.jsmongodbnpmmongoose

"Exploring the versatility of using variables in jquery's .css

I’m facing an issue where I need the rotation of a div to be based on the value stored in "anVar." This is what I currently have: function something() { $('.class').css('-webkit-transform:rotate('anVar'deg)') } The desi ...

javascriptjquerycssvariablesrotatetransform

Pull HTML code from element using XPath in Python Selenium

I want to extract HTML codes from a specific element using XPath. Here is the XPath: //*[@id=":nn"]/div[1] Additionally, I need to download an image from the same element. What is the best way to retrieve these HTML codes? ...

pythonhtmlseleniumxpath

Guide on implementing Content Security Policy (CSP) for smartsupp chat in Yii2

Currently, I am utilizing the Yii2 https://github.com/tomlutzenberger/yii2-smartsupp-chat widget and it is functioning quite well. However, I have encountered an issue where it is unable to record videos on their website. The solution suggested by them is ...

htmlyii2content-security-policy

Locate numbers 2, 3, 6, 7, and 10, and continue in numerical order, within the

Having trouble with this one. Does anyone know how to display the items like this: 2, 3, 6, 7, 10 and so on... Is there a jQuery or CSS hack that can achieve this? I'm stuck trying to figure it out .container { display: flex; flex-flow: row wra ...

jquerycss

What is the best way to incorporate messages across various channels with a Discord bot?

While browsing through the questions of other users, I stumbled upon exactly what I was looking for. My dilemma now is how to make the same bot perform similar tasks on various channels but with different titles, footers, and so on... The primary code sni ...

javascriptnode.jsdiscorddiscord.jsbots

What are some best practices for managing asynchronous requests on the client side with Node.js?

I am a beginner in NodeJS, currently utilizing it on the server side for my projects. My goal is to create a simple REST-based GET request that takes a search parameter called searchvar from the user and returns any matching records found in a JSON array. ...

javascriptnode.jsmongodbasynchronous

Step-by-step guide on replacing the {{content}} placeholder in HTML with text saved in local storage

I am working on a page called showdesign.html, which contains only 4 lines of code: <script> var data = JSON.parse(localStorage.getItem("templateType")); document.write(data.template_code); console.log(data.template_code); $("#main-wrapper").html( ...

javascriptjqueryhtml

Export multiple variables at once

Within TypeScript, I have Class1 defined in class.ts, along with some functions from helper.ts and variables from variables.ts: For instance, the content of variables.ts is as follows: export const test1 = 'test1'; export const test2 = 0; expor ...

javascripttypescriptobjectecmascript-6

How can I display an iframe element only if it exists within an object in Angular?

I'm currently exploring options to specifically display the iframe element within a block of HTML content being sent to my Angular application. While I can use a *ngIf directive in my template to check for the presence of the tag, I am unsure of how ...

javascriptangulartypescript

Strategies for transferring all selected checkbox IDs to REST endpoint

I'm currently diving into web development and have set up a few checkboxes on my page. Right now, I have four checkboxes available. My goal is to send the IDs of the checkboxes that the user has checked to my "REST Service". Below is the code that I&a ...

javascriptjqueryajaxrest