Se cambio la estructura por MVC

config/Database.php

@@ -4,15 +4,20 @@
 class Database {
     private static $instance = null;
     private $mysqli;
+    private $host;
+    private $dbname;
+    private $user;
+    private $password;
+    private $Database;
 
-    private function __construct() {
+    public  function __construct() {
         $host = 'localhost';
-        $db = 'lania_cc';
+        $dbname = 'lania_cc';
         $user = 'lania';
-        $pass = 'l4n1@Cc';
+        $password = 'l4n1@Cc';
 
         try {
-            $this->mysqli = new mysqli($host, $user, $pass, $db);
+            $this->mysqli = new mysqli($host, $user, $password, $dbname);
             
             // Verificar conexión
             if ($this->mysqli->connect_error) {
@@ -30,6 +35,8 @@ class Database {
         }
         return self::$instance->mysqli;
     }
+
+
 }
 
 ?>

controllers/graficos.php

@@ -1,5 +1,5 @@
 <?php
-require_once './conexionBd.php'; 
+require_once '../config/Database.php'; 
 
 
 if ($_SERVER['REQUEST_METHOD'] === 'POST') {
@@ -61,12 +61,12 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
 }
 
 class Graficos{
- private $conexion;
+ private $Database;
  protected $db;
  
  public function __construct() {
-     $this->conexion = new Conexion();
+     $this->Database = new Database();
-     $this->db = $this->conexion->conectar();
+     $this->db = $this->Database->getInstance();
  }
 
  

js/funcionesGraficos.js

@@ -1,6 +1,6 @@
 async function recuperarCantidadGenero(tipoConsulta) {
     try {
-        const response = await fetch("./php/graficos.php", {
+        const response = await fetch("../controllers/graficos.php", {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
@@ -18,7 +18,7 @@ async function recuperarCantidadGenero(tipoConsulta) {
 
 async function recuperarCantidadEdad(tipoConsulta) {
     try {
-        const response = await fetch("./php/graficos.php", {
+        const response = await fetch("../controllers/graficos.php", {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
@@ -36,7 +36,7 @@ async function recuperarCantidadEdad(tipoConsulta) {
 
 async function recuperarCantidadEstado(tipoConsulta) {
     try {
-        const response = await fetch("./php/graficos.php", {
+        const response = await fetch("../controllers/graficos.php", {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
@@ -59,7 +59,7 @@ async function recuperarCantidadEstado(tipoConsulta) {
 
 async function recuperarCantidadExamen(tipoConsulta) {
     try {
-        const response = await fetch("./php/graficos.php", {
+        const response = await fetch("../controllers/graficos.php", {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
@@ -82,7 +82,7 @@ async function recuperarCantidadExamen(tipoConsulta) {
 
 async function recuperarCantidadFecha(tipoConsulta) {
     try {
-        const response = await fetch("./php/graficos.php", {
+        const response = await fetch("../controllers/graficos.php", {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",

js/inicio.js

@@ -372,7 +372,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const fechaFin = convertirFechaAFormatoISO(fechaFinInput);
 
     try {
-        const response = await fetch('./php/graficos.php', {
+        const response = await fetch('../controllers/graficos.php', {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',

views/inicio.html

@@ -230,7 +230,7 @@
 	<!-- NAVBAR -->
 
 	<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
-	<script type="module" src="js/inicio.js"></script>
+	<script type="module" src="../js/inicio.js"></script>
 	<script src="https://website-widgets.pages.dev/dist/sienna.min.js" defer></script>
 </body>
 </html>