ASASCED's questions

I have the following code where in functions addPregunta, addResouestaand addCotizacionI try to print this.graphDefinitionand it prints undefined. I don't know what is the real reason for having this because when I try to print the same variable but without Angular/Ionic3 and using the same variables it works.

import { Component, ViewChild } from "@angular/core";
import {
  IonicPage,
  NavController,
  NavParams,
  AlertController
} from "ionic-angular";
import * as mermaid from "mermaid";
import * as $ from "jquery";
import * as shortid from "short-id";
@IonicPage()
@Component({
  selector: "page-flow-chart",
  templateUrl: "flow-chart.html"
})
export class FlowChartPage {
  agregar = document.getElementsByClassName("agregar");
  respuesta = document.getElementsByClassName("respuesta");
  cotizacion = document.getElementsByClassName("cotizacion");
  pregunta = document.getElementsByClassName("pregunta");
  @ViewChild("mermaid")
  public mermaidDiv;
  propiedades: string;
  clases: string;
  uniones: string;
  graphDefinition: string;
  constructor(
    public navCtrl: NavController,
    public navParams: NavParams,
    public alertCtrl: AlertController
  ) {
    this.propiedades = `
    P0:::inicial
    P1:::pregunta
    P2:::pregunta
    P3:::pregunta
    R1:::respuesta
    R2:::respuesta
    R3:::respuesta
    R4:::respuesta
    R5:::respuesta
    R6:::respuesta
    R7:::respuesta
    R8:::respuesta
    R9:::respuesta
    C1:::cotizacion
    C2:::cotizacion
    C3:::cotizacion
    A1:::agregar
    A2:::agregar
    A3:::agregar
    `;
    this.clases = `
    classDef inicial fill: #F1F1F1, stroke: #3590C4, stroke-width: 4px, color: #3590C4, font-weight: bold, font-size: 10px
    classDef pregunta fill: #F1F1F1, stroke: #F1F1F1, stroke-width: 4px, color: #3590C4, font-weight: bold, font-size: 10px
    classDef respuesta fill: #F1F1F1, stroke: #F1F1F1, stroke-width: 0px, color: #243E56, font-weight: bold, font-size: 10px
    classDef respuesta:hover fill: #288AC1, stroke: #288AC1, stroke-width: 0px, color: #FFFFFF, font-weight: bold, font-size: 10px, cursor: pointer
    classDef cotizacion fill: #F2680A, stroke: #F2680A, stroke-width: 4px, color: #FFFFFF, font-weight: bold, font-size: 10px
    classDef cotizacion:hover fill: #F2420A, stroke: #F2420A, stroke-width: 4px, color: #FFFFFF, font-weight: bold, font-size: 10px, cursor: pointer
    classDef agregar fill: #F1F1F1, stroke: #243E56, stroke-width: 1px, color: #243E56, font-weight: bold, font-size: 10px, stroke-dasharray: 5
    classDef agregar:hover fill: #D3D3D3, cursor: pointer
    `;
    this.uniones = `
    P0(Pregunta) --> R1(Respuesta 1)
    P0(Pregunta) --> R2(Respuesta 2)
    P0(Pregunta) --> R3(Respuesta 3)
    R1 --> P1(Pregunta 1)
    R2 --> P2(Pregunta 2)
    R3 --> P3(Pregunta 3)
    P1 --> R4(Respuesta)
    P1 --> R5(Respuesta)
    P2 --> R6(Respuesta)
    P2 --> R7(Respuesta)
    P3 --> R8(Respuesta)
    P3 --> R9(Respuesta)
    R6 --> C1(Precio)
    R7 --> C2(Precio)
    R8 --> C3(Precio)
    R4 --> A1(+ Agregar)
    R5 --> A2(+ Agregar)
    R9 --> A3(+ Agregar)
    `;
    this.graphDefinition = `
    graph TD
    ${this.propiedades}
    ${this.uniones}
    ${this.clases}
    `;
  }
  ionViewDidLoad() {
    this.mermaidStart();
    for (let i = 0; i < this.agregar.length; i++) {
      this.agregar[i].addEventListener("click", this.addElement, false);
    }
    for (let i = 0; i < this.respuesta.length; i++) {
      this.respuesta[i].addEventListener("click", this.addRespuesta, false);
    }
    for (let i = 0; i < this.cotizacion.length; i++) {
      this.cotizacion[i].addEventListener("click", this.addCotizacion, false);
    }
    for (let i = 0; i < this.pregunta.length; i++) {
      this.pregunta[i].addEventListener("click", this.addCotizacion, false);
    }
  }
  mermaidStart() {
    mermaid.initialize({
      theme: "default",
      securityLevel: "loose",
      startOnLoad: true,
      flowchart: {
        useMaxWidth: true,
        htmlLabels: true
      }
    });
    const element: any = this.mermaidDiv.nativeElement;
    mermaid.render("graphDiv", this.graphDefinition, svgCode => {
      element.innerHTML = svgCode;
    });
  }
  addPregunta() {
    console.log(this.graphDefinition);
    alert("Pregunta");
  }
  addRespuesta() {
    console.log(this.graphDefinition);
    alert("Respuesta");
  }
  addCotizacion() {
    console.log(this.graphDefinition);
    alert("Cotizacion");
  }
  addElement() {
    this.uniones += "R9 --> A2";
    alert("Funciona la ejecucion");
  }
}

<ion-header>
  <ion-navbar>
    <ion-title>flowChart</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <div class="graph">
    <div #mermaid></div>
  </div>
</ion-content>

When clicking on my angular project I get a series of errors similar to this and I don't understand why, the computer is new and I recently installed the following.

• Do not give
• Angular
• ionic
• typescript

Everything goes well when I create a project from scratch but when I download one that has a minor version 0.0.2 or something similar it gives an error and on the previous computer I had no such thing happened when doing the same process.

MISTAKES

I have a doubt about how the code should be arranged professionally, I ask this question because I feel that in the functions I am repeating the try catch a lot and I feel that the base structure is very simple in each function, but I don't know if Is this correct or is there a cleaner/professional way to do such code.

If it is necessary to accommodate it in various files and even folders, it would be very helpful if you could mention it to me.

const axios = require('axios')

const url = 'http://localhost:59692/'

async function getAllAppointments() {
    try {
        const res = await axios.get(`${url}Appointments`)
        return res
    } catch (error) {
        return error
    }
}

async function getOfficeAppintments(idoffice) {
    try {
        const res = await axios.get(
            `${url}Appointments/OfficeLogin?idoffice=${idoffice}`
        )
        return res
    } catch (error) {
        return error
    }
}

async function postAppointment(object) {
    try {
        const res = await axios.post(`${url}Appointmets`, object)
        return res
    } catch (error) {
        return error
    }
}

async function putAppointment(id) {
    try {
        const res = await axios.post(`${url}Appointmets/${id}`, object)
        return res
    } catch (error) {
        return error
    }
}

async function getInfoQuote(quoteNumber) {
    try {
        const res = await axios.get(`${url}ITC/Quote/${quoteNumber}`)
        return res
    } catch (error) {
        return error
    }
}

module.exports = {
    getAllAppointments,
    getOfficeAppintments,
    postAppointment,
    putAppointment,
    getInfoQuote,
}

I have an error when I try to use an input in my code, for some reason it is not taking the information to the child component even though the variable that I send contains information.

PARENT COMPONENT

<div class="grid">
    <div class="cards">
        <app-cards *ngFor="let card of cards" [info]="card"></app-cards>
    </div>
</div>

CHILD COMPONENT

import { Component, OnInit, Input } from '@angular/core';
import { PokeappService } from '../../services/pokeapp.service';

@Component({
  selector: 'app-cards',
  templateUrl: './cards.component.html',
  styleUrls: ['./cards.component.sass'],
})
export class CardsComponent implements OnInit {
  pokemon: any = {};
  @Input() info: any = {};

  constructor(private pokeService: PokeappService) {
    this.pokeService.getPokemon('3').subscribe(pokemon => {
      this.pokemon = pokemon;
    });

    console.log(this.info); // Aquí deberia de mostrarme la info que envie.
  }

  ngOnInit() {}
}

When I want to validate a form where I want a registration to start with a 1, nothing is executed for me, I attach the code.

JQUERY

function verificarMatricula () {
  var matricula = $('#matricula').val()

  if (matricula.length > 0) {
    if (matricula[0] != 1) {
      $('#mat').html('La matricula debe de iniciar con 1')
    } else {
      $('#mat').html('')
    }
  }
}

$(document).ready(function () {
  $('#matricula').keyup(verificarMatricula)
})

HTML

    <form action="datosre.php" method="POST" onsubmit="return validar2();" name="formulario">
        <div class="grid">
            <h1>Registro</h1>
            <input id="_name" name="name" type="text" placeholder="Ingresa tu nombre"
                onkeyup="this.value=this.value.toUpperCase()">
            <input id="_Apaterno" name="Apaterno" type="text" placeholder="Ingresa tu apellido Paterno"
                onkeyup="this.value=this.value.toUpperCase()">
            <input id="_Amaterno" name="Amaterno" type="text" placeholder="Ingresa tu apellido Materno"
                onkeyup="this.value=this.value.toUpperCase()">
            <input id="matricula _email" autocomplete="off" name="email" type="text" value="" minlength="11"
                maxlength="11" placeholder="Ingresa tu matricula">
            <div id="mat" class="validacion"></div>
            <input id="_password2" name="_password2" type="password" placeholder="Ingresa tu contraseña">
            <input id="_verpass" name="_verpass" type="password" placeholder="Verifica tu contraseña">
            <div id="comprobar" class="contra validacion"></div>

            <button> Enviar </button>
            <a href="index.php">Iniciar sesion</a>
        </div>
    </form>

problematic

I have a program in which I do the N Queens algorithm graphically so that it is a game, the whole program works fine and when the queens are placed correctly everything runs perfect, but my problem starts as follows.

When I move the pieces I have an arrangement where it should represent the current position of the piece on the board (Everything I say is printed in the program) but from time to time when I get to move the pieces very fast it does not do the operations properly and sometimes the fix makes me wrong, this is not so noticeable from the computer that I have since it has good components but when I run the program on a common computer it starts to generate problems with it.

I think that the main problem is the methods of mouseReleasedand mousePressedwhere I execute the operations that take care of the arrangement that I mention, I don't know how I could improve the performance of the program so that everything runs better, both those methods that I mention and e rest of the methods of the program, so if you could help me with that I would be very grateful.

The method of posicionthis poorly optimized to a great extent and in many occasions generates errors when positioning elements.

ABSTRACT

The program fails sometimes even though all the queens are placed properly, the only way for the program not to fail at all is to move the pieces very slowly and Felicidades, completaste el juego de N reinasinstead gives the message with the error that happens in Sometimes the program simply launches a message mentioning the error even though this is not correct.

package otraprueba;

import java.awt.Color;
import java.awt.event.*;
import javax.swing.BorderFactory;
import javax.swing.*;
import javax.swing.border.Border;

public class OtraPrueba extends JFrame implements ActionListener {

    static int reinas = 0;
    String[][] algoritmo = new String[reinas][reinas];
    String[][] comprobacion = new String[reinas][reinas];
    int count = 0;
    int anchoAlto = 50;
    int margen = 25;
    int espacio = 50;
    JPanel jpanel = (JPanel) this.getContentPane();
    JLabel ex = new JLabel();
    JLabel label[] = new JLabel[reinas];
    JLabel tablero[][] = new JLabel[reinas][reinas];
    Border border = BorderFactory.createLineBorder(Color.black, 1);

    String[] parts;
    int x, y, cooX, cooY, newI, newJ;

    JButton boton1;

    public static void main(String[] args) {
        reinas = Integer.parseInt(JOptionPane.showInputDialog(null, "Ingrese la cantidad de reinas"));
        OtraPrueba op = new OtraPrueba();
        op.setBounds(0, 0, (60 * reinas), (60 * reinas));
        op.setVisible(true);
        op.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }

    public OtraPrueba() {
        // Declaracion de reinas
        for (int i = 0; i < label.length; i++) {
            label[i] = new JLabel();
            // r + r + r + r
            label[i].setBounds(margen + (espacio * i), margen, anchoAlto, anchoAlto);
            label[i].setText("Q" + (i + 1));
            label[i].setForeground(Color.red);
            label[i].setBorder(border);
            label[i].setHorizontalAlignment(SwingConstants.CENTER);
            label[i].addMouseMotionListener(new MouseMotionAdapter() {
                @Override
                public void mouseDragged(MouseEvent evt) {
                    arrastreReina(evt);
                }
            });
            label[i].addMouseListener(new MouseAdapter() {
                @Override
                public void mouseReleased(MouseEvent evt) {
                    arregloTablero(evt);
                }

                @Override
                public void mousePressed(MouseEvent evt) {
                    valoresIniciales(evt);
                }
            });
            jpanel.add(label[i]);

            for (int j = 0; j < algoritmo.length; j++) {
                if (i == 0) {
                    algoritmo[i][j] = Integer.toString((margen + (espacio * j))) + "|" + Integer.toString(margen);
                } else {
                    algoritmo[i][j] = "0|0";
                }
            }
        }

        // Declaracion del tablero
        for (int i = 0; i < tablero.length; i++) {
            for (int j = 0; j < tablero.length; j++) {
                tablero[i][j] = new JLabel();
                tablero[i][j].setBounds(margen + (espacio * i), margen + (espacio * j), anchoAlto, anchoAlto);
                tablero[i][j].setBorder(border);

                if ((i % 2 == 0) == (j % 2 == 0)) {
                    tablero[i][j].setBackground(Color.white);
                } else {
                    tablero[i][j].setBackground(Color.black);
                }

                tablero[i][j].setOpaque(true);
                tablero[i][j].setHorizontalAlignment(SwingConstants.CENTER);
                jpanel.add(tablero[i][j]);
            }
        }

        // Declaracion del boton
        setLayout(null);
        boton1 = new JButton("Finalizar");
        boton1.setBounds(25, 3, 90, 20);
        jpanel.add(boton1);
        boton1.addActionListener(this);

        ex.setBounds(margen, margen, anchoAlto, anchoAlto);
        jpanel.add(ex);
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        if (e.getSource() == boton1) {
            for (int i = 0; i < comprobacion.length; i++) {
                for (int j = 0; j < comprobacion.length; j++) {
                    if (algoritmo[i][j].equals("0|0")) {
                        comprobacion[i][j] = "*";
                    } else {
                        comprobacion[i][j] = "+";
                    }
                }
            }

            imprimirArreglo(comprobacion);

            int contUno = 0;
            int contDos = 0;
            int contTres = 0;

            int diagS, diagI;

            for (int i = 0; i < comprobacion.length; i++) {
                for (int j = 0; j < comprobacion.length; j++) {
                    // Comprobacion de filas
                    if (comprobacion[i][j].equals("+")) {
                        contUno++;
                        if (contUno == 2) {
                            JOptionPane.showMessageDialog(null, "Existe más de una reina en una fila");
                            break;
                        }
                    }

                    // Comprobacion de columnas
                    if (comprobacion[j][i].equals("+")) {
                        contDos++;
                        if (contDos == 2) {
                            JOptionPane.showMessageDialog(null, "Existe más de una reina en una columna");
                            break;
                        }

                        // Comprobacion de diagonales
                        diagS = j - 1;
                        diagI = j + 1;

                        if (diagS < 0) {
                            diagS = 0;
                        } else if (diagI >= comprobacion.length) {
                            diagI = (comprobacion.length - 1);
                        }

                        System.out.println("S/I: " + diagS + "/" + diagI);

                        if (i < comprobacion.length - 1) {
                            if (comprobacion[diagS][i + 1].equals("+") || comprobacion[diagI][i + 1].equals("+")) {
                                JOptionPane.showMessageDialog(null, "En alguna diagnoal de las reinas existe mas de una reina");
                                contTres = 2;
                                break;
                            }
                        }
                    }
                }
                if (contUno == 2 || contDos == 2 || contTres == 2) {
                    break;
                }
                contUno = 0;
                contDos = 0;
                contTres = 0;
            }

            if (contUno == 0 && contDos == 0 && contTres == 0) {
                JOptionPane.showMessageDialog(null, "Felicidades, completaste el juego de N Reinas");
            }
        }
    }

    public void arrastreReina(MouseEvent evt) {
        if (evt.getSource() instanceof JLabel) {
            ((JLabel) evt.getSource()).setLocation(posicion(evt)[0], posicion(evt)[1]);
        }
    }

    public void valoresIniciales(MouseEvent evt) {
        if (evt.getSource() instanceof JLabel) {
            this.newI = (posicion(evt)[1] - 25) / 50;
            this.newJ = (posicion(evt)[0] - 25) / 50;
            x = posicion(evt)[0];
            y = posicion(evt)[1];
            System.out.println("INI X/Y: " + this.newI + "/" + this.newJ);
            System.out.println("X/Y: " + x + "/" + y);
        }
    }

    public void arregloTablero(MouseEvent evt) {
        if (evt.getSource() instanceof JLabel) {
            int newX = (posicion(evt)[0] - x) / 50;
            int newY = (posicion(evt)[1] - y) / 50;

            System.out.println("pos X/Y: " + posicion(evt)[0] + "/" + posicion(evt)[1]);
            System.out.println("newX: " + newX + "\nnewY: " + newY);

            algoritmo[newI][newJ] = "0|0";
            System.out.println("newI/newJ: " + newI + "/" + newJ);
            algoritmo[newI + newY][newJ + newX] = Integer.toString(posicion(evt)[0]) + "|" + Integer.toString(posicion(evt)[1]);

            count++;
            System.out.println("Movimientos: " + count);
            imprimirArreglo(algoritmo);
        }
    }

    public void imprimirArreglo(String[][] arreglo) {
        for (String[] arreglo1 : arreglo) {
            for (int j = 0; j < arreglo.length; j++) {
                System.out.print(arreglo1[j] + "    ");
            }
            System.out.println("");
        }
    }

    public int[] posicion(MouseEvent evt) {
        int newX, newY;

        // Variables de entorno X
        String conX = Integer.toString(evt.getXOnScreen());
        String ultimoX = conX.substring(conX.length() - 2, conX.length());

        int primerosMenosUltimosX = Integer.parseInt(ultimoX);

        if (primerosMenosUltimosX < 25) {
            newX = 25 + (evt.getXOnScreen() - espacio - primerosMenosUltimosX);
        } else if (primerosMenosUltimosX < 75) {
            newX = 75 + (evt.getXOnScreen() - espacio - primerosMenosUltimosX);
        } else {
            newX = 25 + ((evt.getXOnScreen() - espacio + 100) - primerosMenosUltimosX);
        }

        // Variables de entorno Y
        String conY = Integer.toString(evt.getYOnScreen());
        String ultimoY = conY.substring(conY.length() - 2, conY.length());

        int primerosMenosUltimosY = Integer.parseInt(ultimoY);

        if (primerosMenosUltimosY < 25) {
            newY = 25 + (evt.getYOnScreen() - espacio - primerosMenosUltimosY);
        } else if (primerosMenosUltimosY < 75) {
            newY = 75 + (evt.getYOnScreen() - espacio - primerosMenosUltimosY);
        } else {
            newY = 25 + ((evt.getYOnScreen() - espacio + 100) - primerosMenosUltimosY);
        }

        int retorno[] = {newX, newY};

        return retorno;
    }

}

When I try to run my game I get the following error:

MissingReferenceException: The object of type 'GameObject' has been destroyed but you are still trying to access it.

Here is my code but to tell the truth I don't know why the problem occurs or what exactly causes the problem.

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class DisparoMovimiento : MonoBehaviour {

    public GameObject player;
    private Transform playerTrans;

    private Rigidbody2D DisparoRB;

    public float DisparoSpeed;

    public float bolitalife;


    void Awake(){
        DisparoRB = GetComponent<Rigidbody2D>();
        player = GameObject.FindGameObjectWithTag("Player"); 
        playerTrans = player.transform;
    }
    // Use this for initialization
    void Start () {
        if (playerTrans.localScale.x > 0){
            DisparoRB.velocity = new Vector2(DisparoSpeed, DisparoRB.velocity.y);
            transform.localScale = new Vector3(1, 1, 1);
        }
        else{
            DisparoRB.velocity = new Vector2(-DisparoSpeed, DisparoRB.velocity.y);
            transform.localScale = new Vector3(-1, 1, 1);
        }
    }

    // Update is called once per frame
    void Update(){
    }
}

I have a problem with my program, the point is that I want to define rules regarding the positioning of one of the queens of the board so that in this way it only moves to those defined spaces, in the program I define everything with statements of ifbut my The problem is that when you want to make it dynamic, those statements ifstop working since they are only defined for the first spaces of 8*8and what I want to achieve is that these rules change with the number of queens on the board.

MOVEMENT RULES

    public int[] posicion(MouseEvent evt) {
        int newX = 0, newY;

        if ((evt.getXOnScreen() - 50) <= 25) {
            newX = 25;
        } else if ((evt.getXOnScreen() - 50) <= 75) {
            newX = 75;
        } else if ((evt.getXOnScreen() - 50) <= 125) {
            newX = 125;
        } else if ((evt.getXOnScreen() - 50) <= 175) {
            newX = 175;
        } else if ((evt.getXOnScreen() - 50) <= 225) {
            newX = 225;
        } else if ((evt.getXOnScreen() - 50) <= 275) {
            newX = 275;
        } else if ((evt.getXOnScreen() - 50) <= 325) {
            newX = 325;
        } else if ((evt.getXOnScreen() - 50) <= 375) {
            newX = 375;
        } else {
            newX = 375;
        }

        if ((evt.getYOnScreen() - 50) <= 25) {
            newY = 25;
        } else if ((evt.getYOnScreen() - 50) <= 75) {
            newY = 75;
        } else if ((evt.getYOnScreen() - 50) <= 125) {
            newY = 125;
        } else if ((evt.getYOnScreen() - 50) <= 175) {
            newY = 175;
        } else if ((evt.getYOnScreen() - 50) <= 225) {
            newY = 225;
        } else if ((evt.getYOnScreen() - 50) <= 275) {
            newY = 275;
        } else if ((evt.getYOnScreen() - 50) <= 325) {
            newY = 325;
        } else if ((evt.getYOnScreen() - 50) <= 375) {
            newY = 375;
        } else {
            newY = 375;
        }

        int retorno[] = {newX, newY};

        return retorno;
    }

TRY

int ite_Uno = 0;
int ite_Dos = 0;

for (int i = 0; i < tablero.length; i++) {
     ite_Uno = 25 * (50 * i);
     if (evt.getXOnScreen() > ite_Dos && evt.getXOnScreen() < ite_Uno) {
         newX = ite_Uno;
     }
     ite_Dos = 25 * (50 * i);
}

This was what I came up with but it doesn't work and I also don't think it's the most appropriate since the piece will be moving constantly and I think that one foris not the most appropriate but if it works forwith that I'll settle for it.

FULL CODE

package tablerojava;

import java.awt.Color;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionAdapter;
import javax.swing.BorderFactory;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.SwingConstants;
import javax.swing.WindowConstants;
import javax.swing.border.Border;

public class TableroJava extends JFrame {

    static int reinas = 0;
    int count = 0;
    int anchoAlto = 50;
    int margen = 25;
    int espacio = 50;
    JPanel jpanel = (JPanel) this.getContentPane();
    JLabel ex = new JLabel();
    JLabel label[] = new JLabel[reinas];
    JLabel tablero[][] = new JLabel[reinas][reinas];
    Border border = BorderFactory.createLineBorder(Color.yellow, 1);

    public static void main(String[] args) {
        reinas = Integer.parseInt(JOptionPane.showInputDialog(null, "Ingrese la cantidad de reinas"));
        TableroJava op = new TableroJava();
        op.setBounds(0, 0, (60 * reinas), (60 * reinas));
        op.setVisible(true);
        op.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }

    public TableroJava() {
        for (int i = 0; i < label.length; i++) {
            label[i] = new JLabel();
            // r + r + r + r
            label[i].setBounds(margen + (espacio * i), margen, anchoAlto, anchoAlto);
            label[i].setText("Q" + (i + 1));
            label[i].setForeground(Color.red);
            label[i].setBorder(border);
            label[i].setHorizontalAlignment(SwingConstants.CENTER);
            label[i].addMouseMotionListener(new MouseMotionAdapter() {
                @Override
                public void mouseDragged(MouseEvent evt) {
                    arrastreReina(evt);
                }
            });
            label[i].addMouseListener(new MouseAdapter() {
                @Override
                public void mousePressed(MouseEvent evt) {
                    movimientoReina(evt);
                }
            });
            jpanel.add(label[i]);
        }

        for (int i = 0; i < tablero.length; i++) {
            for (int j = 0; j < tablero.length; j++) {
                tablero[i][j] = new JLabel();
                tablero[i][j].setBounds(margen + (espacio * i), margen + (espacio * j), anchoAlto, anchoAlto);
                tablero[i][j].setBorder(border);

                if ((i%2 == 0) == (j%2 == 0)) {
                    tablero[i][j].setBackground(Color.white);
                } else {
                    tablero[i][j].setBackground(Color.black);
                }

                tablero[i][j].setOpaque(true);
                tablero[i][j].setHorizontalAlignment(SwingConstants.CENTER);
                jpanel.add(tablero[i][j]);
            }
        }

        ex.setBounds(margen, margen, anchoAlto, anchoAlto);
        jpanel.add(ex);
    }

    public void arrastreReina(MouseEvent evt) {
        if(evt.getSource() instanceof JLabel) {
            ((JLabel) evt.getSource()).setLocation(posicion(evt)[0], posicion(evt)[1]);
        }
    }

    public void movimientoReina(MouseEvent evt) {
        if(evt.getSource() instanceof JLabel) {
            count++;
            System.out.println("Movimientos: " + count);
        }
    }

    public int[] posicion(MouseEvent evt) {
        int newX = 0, newY;

        if ((evt.getXOnScreen() - 50) <= 25) {
            newX = 25;
        } else if ((evt.getXOnScreen() - 50) <= 75) {
            newX = 75;
        } else if ((evt.getXOnScreen() - 50) <= 125) {
            newX = 125;
        } else if ((evt.getXOnScreen() - 50) <= 175) {
            newX = 175;
        } else if ((evt.getXOnScreen() - 50) <= 225) {
            newX = 225;
        } else if ((evt.getXOnScreen() - 50) <= 275) {
            newX = 275;
        } else if ((evt.getXOnScreen() - 50) <= 325) {
            newX = 325;
        } else if ((evt.getXOnScreen() - 50) <= 375) {
            newX = 375;
        } else {
            newX = 375;
        }

        if ((evt.getYOnScreen() - 50) <= 25) {
            newY = 25;
        } else if ((evt.getYOnScreen() - 50) <= 75) {
            newY = 75;
        } else if ((evt.getYOnScreen() - 50) <= 125) {
            newY = 125;
        } else if ((evt.getYOnScreen() - 50) <= 175) {
            newY = 175;
        } else if ((evt.getYOnScreen() - 50) <= 225) {
            newY = 225;
        } else if ((evt.getYOnScreen() - 50) <= 275) {
            newY = 275;
        } else if ((evt.getYOnScreen() - 50) <= 325) {
            newY = 325;
        } else if ((evt.getYOnScreen() - 50) <= 375) {
            newY = 375;
        } else {
            newY = 375;
        }

        int retorno[] = {newX, newY};

        return retorno;
    }
}

I have these elements created to make a navbar but the problem to start with the li is that they have a small space on the right when I put the property display: inline-blockand in the case of the navbar that I am adding only the white background color and a shadow It puts a space at the bottom that I don't know why.

CSS

nav {
    width: 100%;
    background-color: var(--bgColor);
    box-shadow: 14px 0px 23px -16px rgba(0,0,0,0.80);
    display: flex;
    justify-content: center;

    /*Variables*/
    --sideBar: #2f2e41;
    --bgColor: white;
    --fontFocus: #36d29e;
    --fontOn: #b1b1b1;
}

ul {
    background-color: blueviolet;
}

li {
    display: inline-block;
    height: 100px;
}

HTML

<nav>
  <ul>
    <li><a href="">Recipt</a></li>
    <li><a href="">Customers</a></li>
    <li><a href="">My account</a></li>
    <li><a href="">Reports</a></li>
    <li><a href="">UW Manager</a></li>
    <li><a href="">Logout</a></li>
  </ul>
</nav>

<div class="container">
  <div class="row">
    <div class="col-md-4">
      Column 1
    </div>
  </div>
</div>

How can I remove that border around my input and change the background color of B4? I'm using Angular and I use components so I don't have anything like a body to be able to assign the background color to said tag.

CSS

.content {
  margin-top: 2em;
  background-color: #fff;
  box-shadow: 0px 10px 18px -2px rgba(0, 0, 0, 0.41);
  border-radius: 30px 30px 30px 30px;
  text-align: center;
}

h3 {
  padding: 10px 10px;
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 1px solid rgb(75, 168, 255);
}

img {
  border-radius: 100%;
  width: 50%;
  margin-top: 2em;
  margin-bottom: 2em;
}

input {
    text-align: center;
    width: 60%;
    text-decoration: none;
    background-color: rgb(235, 235, 235);
    height: 3em;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #FFF;
}

button {
    margin-top: 1em;
    text-align: center;
    width: 40%;
    text-decoration: none;
    background-color: rgb(75, 168, 255);
    height: 3em;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #FFF;
    color: white;
    text-transform: uppercase;
}

.email {
    margin-bottom: 1em;
}

.min-footer {
    margin-top: 2em;
    background-color: rgb(235, 235, 235);
    padding: 30px 0;
    border-radius: 0px 0px 30px 30px;
    color: rgb(75, 168, 255);
}

HTML

<div class="row">
  <div class="col">
    <div class="content">
      <h3>Sing In</h3>
      <figure>
        <img src="http://lorempixel.com/300/300/people" alt="" />
      </figure>
      <div class="inp">
        <input type="text" class="email" placeholder="login" />
        <br>
        <input type="password" class="pass" placeholder="password" />
        <br>
        <button>Log in</button>
      </div>
      <div class="min-footer">
        <span>Forgot Password?</span>
      </div>
    </div>
    <br />
    <br />
    <br />
  </div>
</div>

I am currently making the N Queens game and despite the fact that I have managed to generate the graphics that represent the queens. My problem is that I want to add these pieces dynamically since I will let the user select the number of queens he wants to place on the board, my problem arises when I want to add the MouseDragged method to each piece on the board but the problem is that I have only been able to add them manually and I would like to add them dynamically or to know if there is another way to do what I want.

public class OtraPrueba extends JFrame {

    JPanel jpanel = (JPanel) this.getContentPane();
    JLabel label[] = new JLabel[8];
    Border border = BorderFactory.createLineBorder(Color.black, 1);
    int N = 0, recX, recY;

    public static void main(String[] args) {
        OtraPrueba op = new OtraPrueba();
        op.setBounds(0, 0, 500, 500);
        op.setVisible(true);
        op.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }

    public OtraPrueba() {
        jpanel.setLayout(null);
        jpanel.setBackground(Color.CYAN);

        for (int i = 0; i < label.length; i++) {
            label[i] = new JLabel();
            label[i].setBounds(25 + (50 * i), 25, 30, 30);
            label[i].setText("Q" + (i + 1));
            label[i].setBorder(border);
            label[i].setHorizontalAlignment(SwingConstants.CENTER);
            jpanel.add(label[i], null);
        }

        label[0].addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            @Override
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                j1MouseDragged(evt);
            }
        });
        label[1].addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            @Override
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                j2MouseDragged(evt);
            }
        });
        label[2].addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            @Override
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                j3MouseDragged(evt);
            }
        });
        label[3].addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            @Override
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                j4MouseDragged(evt);
            }
        });
        label[4].addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            @Override
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                j5MouseDragged(evt);
            }
        });
        label[5].addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            @Override
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                j6MouseDragged(evt);
            }
        });
        label[6].addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            @Override
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                j7MouseDragged(evt);
            }
        });
        label[7].addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            @Override
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                j8MouseDragged(evt);
            }
        });
    }

    public void j1MouseDragged(java.awt.event.MouseEvent evt) {
        label[0].setLocation(newPosition(evt)[0], newPosition(evt)[1]);
    }

    public void j2MouseDragged(java.awt.event.MouseEvent evt) {
        label[1].setLocation(newPosition(evt)[0], newPosition(evt)[1]);
    }

    public void j3MouseDragged(java.awt.event.MouseEvent evt) {
        label[2].setLocation(newPosition(evt)[0], newPosition(evt)[1]);
    }

    public void j4MouseDragged(java.awt.event.MouseEvent evt) {
        label[3].setLocation(newPosition(evt)[0], newPosition(evt)[1]);
    }

    public void j5MouseDragged(java.awt.event.MouseEvent evt) {
        label[4].setLocation(newPosition(evt)[0], newPosition(evt)[1]);
    }

    public void j6MouseDragged(java.awt.event.MouseEvent evt) {
        label[5].setLocation(newPosition(evt)[0], newPosition(evt)[1]);
    }

    public void j7MouseDragged(java.awt.event.MouseEvent evt) {
        label[6].setLocation(newPosition(evt)[0], newPosition(evt)[1]);
    }

    public void j8MouseDragged(java.awt.event.MouseEvent evt) {
        label[7].setLocation(newPosition(evt)[0], newPosition(evt)[1]);
    }

    public int[] newPosition(MouseEvent evt) {
        int newX, newY;
        if (evt.getXOnScreen() <= 25) {
            newX = 25;
        } else if (evt.getXOnScreen() <= 75) {
            newX = 75;
        } else if (evt.getXOnScreen() <= 125) {
            newX = 125;
        } else if (evt.getXOnScreen() <= 175) {
            newX = 175;
        } else if (evt.getXOnScreen() <= 225) {
            newX = 225;
        } else if (evt.getXOnScreen() <= 275) {
            newX = 275;
        } else if (evt.getXOnScreen() <= 325) {
            newX = 325;
        } else if (evt.getXOnScreen() <= 375) {
            newX = 375;
        } else {
            newX = 375;
        }

        if (evt.getYOnScreen() <= 25) {
            newY = 25;
        } else if (evt.getYOnScreen() <= 75) {
            newY = 75;
        } else if (evt.getYOnScreen() <= 125) {
            newY = 125;
        } else if (evt.getYOnScreen() <= 175) {
            newY = 175;
        } else if (evt.getYOnScreen() <= 225) {
            newY = 225;
        } else if (evt.getYOnScreen() <= 275) {
            newY = 275;
        } else if (evt.getYOnScreen() <= 325) {
            newY = 325;
        } else if (evt.getYOnScreen() <= 375) {
            newY = 375;
        } else {
            newY = 375;
        }

        recX = newX;
        recY = newY;

        int retorno[] = {newX, newY};

        return retorno;
    }

}

I have some JS validations in my HTML but the problem is that it directly jumps to PHP before going through the validations.

HTML

<form name="formulario" action="reg.php" method="post" enctype="multipart/form-data" onsubmit="return validar();">
        <div class="inicio">
            <h1>Registro</h1>
            <input type="text" placeholder="Nombre" name="_name" id="_name">
            <input type="text" placeholder="Apellido Paterno" name="_lastName" id="_lastName">
            <input type="text" placeholder="Apellido Materno" name="_secondName" id="_secondName">
            <input type="text" placeholder="Correo" name="_email" id="_email">
            <input type="password" placeholder="Contraseña" name="_password" id="_password">
            <input type="password" placeholder="Repetir Contraseña" name="_repPassword" id="_rePassword">
            <input type="file" class="btn-img" name="up-image" id="up-image">
            <div id="preview"></div>
            <button class="btn-main">Registrar Usuario</button>
            <span><a href="./index.php">Cancelar</a></span>
        </div>
</form>

<script src="reg.js"></script>

JS

function validar () {
  let name = document.getElementById('_name').value
  let lastName = document.getElementById('_lastName').value
  let secondName = document.getElementById('_secondName').value
  let email = document.getElementById('_email').value
  let password = document.getElementById('_password').value
  let repPassword = document.getElementById('_repPassword').value

  let expresionCorreo = /\w+@\w+\.+[a-z]/

  if (
    name === '' ||
    lastName === '' ||
    secondName === '' ||
    email === '' ||
    password === '' ||
    repPassword === ''
  ) {
    alert('Uno o varios campos estan vacios')
    return false
  } else if (!expresionCorreo.test(email)) {
    alert('El correo es invalido')
    return false
  } else if (password !== repPassword) {
    alert('Las contraseñas son diferentes')
    return false
  }
}

I would like to know what this error is due to, I have already put all the validations correctly but apparently it keeps telling me that there is an error in my variable $archivo.

HTML

<form action="reg.php" method="post">
        <div class="inicio">
            <h1>Registro</h1>
            <input type="text" placeholder="Nombre" name="_name">
            <input type="text" placeholder="Apellido Paterno" name="_lastName">
            <input type="text" placeholder="Apellido Materno" name="_secondName">
            <input type="text" placeholder="Correo" name="_email">
            <input type="text" placeholder="Contraseña" name="_password">
            <input type="text" placeholder="Repetir Contraseña" name="_repPassword">
            <input type="file" class="btn-img" name="up-image" id="up-image">
            <button class="btn-main">Registrar Usuario</button>
            <span><a href="./index.php">Cancelar</a></span>
        </div>
    </form>

PHP

if(isset($_POST['_name'])) {
    $name = $_POST['_name'];
    $lastName = $_POST['_lastName'];
    $secondName = $_POST['_secondName'];
    $email = $_POST['_email'];
    $password = $_POST['_password'];
    $repPassword = $_POST['_repPassword'];

    if ($_FILES['up-image']['error']>0) {
        echo "Error al cargar el archivo";
    } else {
        $date = new DateTime();
        $newId = $date->format('H-i-s');
        $ruta = 'files/'.$newId.'/';
        $archivo = $ruta.$_FILES['up-image']['name'];

        if (!file_exists($ruta)) {
            mkdir($ruta);
        }

        if(!file_exists($archivo)){
            $resultado = @move_uploaded_file($_FILES['up-image']['tmp_name'], $archivo);
            if ($resultado) {
                echo ' Archivo guardado <br>';
            } else {
                echo ' Error al guardar el archivo <br>';
            }
        } else {
            echo 'El archivo ya existe <br>';
        }
    }

    echo 'Los datos fueron almacenados correctamente' . '<br>';
}

echo $name.'<br>'.$lastName.'<br>'.$secondName.'<br>'.$email.'<br>'.$password.'<br>'.$repPassword;

Mistake

Notice: Undefined index: up-image in C:\xampp\htdocs\FormPHP\reg.php on line 11

Notice: Undefined index: up-image in C:\xampp\htdocs\FormPHP\reg.php on line 17

Could you tell me what am I doing wrong? According to my criteria the code should run fine but the problem is that it gives me an error elementwhen I call it in the first function to give it a value, according to javascript this should have a variable declaration but it is already set as global and already tried testing withthis

const element = ''

const createSpanTag = () => {
  element = document.createElement('span')
  element.setAttribute('id', `stElement${auto}`)
  element.setAttribute('class', 'stElement')
  return element
}

Hello, I hope this question is not confusing, but how can I call 2 functions in a single line and that it depends on another? Example:

function().function();

It's kind of like what JQuery does. Example:

$('h1').text('Hola mundo!');

My problem is that I have no idea how to do that and my biggest attempt to do it was the following:

let auto = 0

function stTxt (color, backgroundColor) {
  document.onmouseup = function () {
    const element = document.createElement('span')
    element.setAttribute('id', `stElement${auto}`)
    window
      .getSelection()
      .getRangeAt(0)
      .surroundContents(element)
    const selectedElement = document.getElementById(`stElement${auto}`)
    selectedElement.style.color = color
    selectedElement.style.backgroundColor = backgroundColor
    auto++

    function stSize (fontSize) {
      const elementSpan = document.getElementById(`stElement${auto}`)
      elementSpan.style.fontSize = fontSize
    }
  }
}

The problem with this is that by putting the functions like this, they would only be called in the following way according to the official javascript documentation:

function()();

The reason why I want to do this is that the second function I want to be only optional for the user but as you can see this function directly depends on the previous one because I would like to add more functionality to the main function if required.

I would like to know what is the difference between git addand git add --.

After having tried them I have definitely not found any differences, but I have seen that some people, on some occasions, use one command or another, however I do not know how they really differ.

How do I add elements to an array of objects in Typescript? According to what I think it should be as follows but for some reason it doesn't work.

OBJECT

conSubNet: Port[] = [{
    ip: '',
    pu: '',
    uu: '',
    bc: '',
    mm: '',
    host: '',
    reqHost: ''
}];

LINE WHERE I ADD A DATA

this.conSubNet[z].ip = this.octOne + ' . ' + this.octTwo + ' . ' + this.octThree + ' . ' + this.octFour;

In my PHP code I obtain the value of an input but what I want to do is give it a value in the event that said value does not exist, by default the inputs do not have any value and it correctly collects the data in the variables when I place something but I don't know how to check when there is nothing to give it another value, I did it this way but apparently it is not this way so I would like to know what I have to do.

if(is_null($nombre)) {
   $nombre = $lista['nombre'];
}

I hope you can answer the question I have.

What I want to do with my chess program is that when I select a piece on the board I can mark all the squares where this piece can move, an example would be the pawn, assuming that it is the first move I will make, any pawn I select will have 2 possible squares to which it can move, it can be 1 square forward or 2 squares forward. The way I would like to mark these boxes is with some image like I do when selecting a chess piece as well as I do in the paintcomponent class of the Display class.

Here I leave a video of what I want to achieve, it is not necessary to advance it, the video will be played in the exact second of what I want to achieve: https://youtu.be/Ytpb35VO4gI?t=15s

I already tried creating different classes for my program and different conditions, no method has worked for me.

In case you require it, I leave you the link of the complete project: https://mega.nz/#!MV4zxaKT!GJ80XYladMdxt7_84pSbgZ02h46z-zRt4eK7eNPzTwA

GAME CLASS

package chess;

import java.util.List;
import java.util.ArrayList;

import static chess.PieceColor.*;

class Game {

    Game() {
        _moves = new ArrayList<Move>();
        _gui = new ChessGUI("Ajedrez", this);
        newGame();
    }

    public void newGame() {
        initializeBoard();
        _moves.clear();
        _turn = WHITE;
        _selectedX = -1;
        _selectedY = -1;
    }

    public void quit() {
        System.exit(0);
    }

    public void undoMove() {
        if (_moves.size() > 0) {
            Move lastMove = _moves.remove(_moves.size() - 1);
            makeMove(lastMove.undoMove());
            _moves.remove(_moves.size() - 1);
        }
    }

    public void makeMove(Move move) {
        _moves.add(move);
        if (!move.isDouble()) {
            SingleMove singlemove = (SingleMove) move;
            executeMove(singlemove);
        } else {
            DoubleMove doublemove = (DoubleMove) move;
            executeMove(doublemove.move1());
            executeMove(doublemove.move2());
        }
        _turn = _turn.opposite();
    }

    private void executeMove(SingleMove move) {
        _board[move.x1()][move.y1()] = move.replace();
        if (move.replace() != null) {
            move.replace().setLocation(move.x1(), move.y1());
        }
        _board[move.x2()][move.y2()] = move.selected();
        if (move.selected() != null) {
            move.selected().setLocation(move.x2(), move.y2());
        }
        if (move.target() != null) {
            move.target().setLocation(-1, -1);
        }
    }

    public boolean inCheck(PieceColor color) {
        int x = kingX(color);
        int y = kingY(color);
        for (int i = 0; i < 8; i++) {
            for (int j = 0; j < 8; j++) {
                Piece p = get(i, j);
                if (p != null && p.color() == color.opposite()
                    && p.canCapture(x, y)) {
                    return true;
                }
            }
        }
        return false;
    }

    public boolean noMoves() {
        for (int i = 0; i < 8; i++) {
            for (int j = 0; j < 8; j++) {
                Piece p = get(i, j);
                if (p != null && p.color() == _turn) {
                    if (p.hasMove()) {
                        return false;
                    }
                }
            }
        }
        return true;
    }

    public boolean guarded(int x, int y) {
        for (int i = 0; i < 8; i++) {
            for (int j = 0; j < 8; j++) {
                Piece p = get(i, j);
                if (p != null && p.color() == _turn.opposite()
                    && p.canCapture(x, y)) {
                    return true;
                }
            }
        }
        return false;
    }

    public Piece get(int i, int j) {
        return _board[i][j];
    }

    public Piece lastMover() {
        return _moves.get(_moves.size() - 1).movedPiece();
    }

    private void initializeBoard() {
        Piece blackRo0 = new Rook(BLACK, this, 0, 0);
        Piece blackKn0 = new Knight(BLACK, this, 1, 0);
        Piece blackBi0 = new Bishop(BLACK, this, 2, 0);
        Piece blackQu0 = new Queen(BLACK, this, 3, 0);
        _blackKi = new King(BLACK, this, 4, 0);
        Piece blackBi1 = new Bishop(BLACK, this, 5, 0);
        Piece blackKn1 = new Knight(BLACK, this, 6, 0);
        Piece blackRo1 = new Rook(BLACK, this, 7, 0);
        Piece blackPa0 = new Pawn(BLACK, this, 0, 1);
        Piece blackPa1 = new Pawn(BLACK, this, 1, 1);
        Piece blackPa2 = new Pawn(BLACK, this, 2, 1);
        Piece blackPa3 = new Pawn(BLACK, this, 3, 1);
        Piece blackPa4 = new Pawn(BLACK, this, 4, 1);
        Piece blackPa5 = new Pawn(BLACK, this, 5, 1);
        Piece blackPa6 = new Pawn(BLACK, this, 6, 1);
        Piece blackPa7 = new Pawn(BLACK, this, 7, 1);
        Piece whiteRo0 = new Rook(WHITE, this, 0, 7);
        Piece whiteKn0 = new Knight(WHITE, this, 1, 7);
        Piece whiteBi0 = new Bishop(WHITE, this, 2, 7);
        Piece whiteQu0 = new Queen(WHITE, this, 3, 7);
        _whiteKi = new King(WHITE, this, 4, 7);
        Piece whiteBi1 = new Bishop(WHITE, this, 5, 7);
        Piece whiteKn1 = new Knight(WHITE, this, 6, 7);
        Piece whiteRo1 = new Rook(WHITE, this, 7, 7);
        Piece whitePa0 = new Pawn(WHITE, this, 0, 6);
        Piece whitePa1 = new Pawn(WHITE, this, 1, 6);
        Piece whitePa2 = new Pawn(WHITE, this, 2, 6);
        Piece whitePa3 = new Pawn(WHITE, this, 3, 6);
        Piece whitePa4 = new Pawn(WHITE, this, 4, 6);
        Piece whitePa5 = new Pawn(WHITE, this, 5, 6);
        Piece whitePa6 = new Pawn(WHITE, this, 6, 6);
        Piece whitePa7 = new Pawn(WHITE, this, 7, 6);
        Piece[][] newBoard = {
            {blackRo0, blackPa0, null, null, null, null, whitePa0, whiteRo0},
            {blackKn0, blackPa1, null, null, null, null, whitePa1, whiteKn0},
            {blackBi0, blackPa2, null, null, null, null, whitePa2, whiteBi0},
            {blackQu0, blackPa3, null, null, null, null, whitePa3, whiteQu0},
            {_blackKi, blackPa4, null, null, null, null, whitePa4, _whiteKi},
            {blackBi1, blackPa5, null, null, null, null, whitePa5, whiteBi1},
            {blackKn1, blackPa6, null, null, null, null, whitePa6, whiteKn1},
            {blackRo1, blackPa7, null, null, null, null, whitePa7, whiteRo1} };
        _board = newBoard;
    }

    public int kingX(PieceColor color) {
        if (color == WHITE) {
            return _whiteKi.getX();
        } else {
            return _blackKi.getX();
        }
    }

    public int kingY(PieceColor color) {
        if (color == WHITE) {
            return _whiteKi.getY();
        } else {
            return _blackKi.getY();
        }
    }

    public void setSelectedX(int x) {
        _selectedX = x;
    }

    public void setSelectedY(int y) {
        _selectedY = y;
    }

    public int selectedX() {
        return _selectedX;
    }

    public int selectedY() {
        return _selectedY;
    }

    public Piece[][] board() {
        return _board;
    }

    public PieceColor turn() {
        return _turn;
    }

    private Piece[][] _board;

    private ChessGUI _gui;

    private PieceColor _turn;

    private List<Move> _moves;

    private King _blackKi;

    private King _whiteKi;

    private int _selectedX;

    private int _selectedY;

}

DISPLAY CLASS

package chess;

import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.Rectangle;

import javax.imageio.ImageIO;

import java.io.InputStream;
import java.io.IOException;

class GameDisplay extends Pad {

    public static final double MULTIPLIER = 0.7;

    public static final int BOARD = (int) Math.round(700 * MULTIPLIER);

    public static final int CELL = (int) Math.round(74 * MULTIPLIER);

    public static final int MARGIN = (int) Math.round(53 * MULTIPLIER);

    public GameDisplay(Game game) {
        _game = game;
        setPreferredSize(BOARD, BOARD);
    }

    private Image getImage(String name) {
        InputStream in = getClass().getResourceAsStream("/chess/images/"
            + name);
        try {
            return ImageIO.read(in);
        } catch (IOException excp) {
            return null;
        }
    }

    private Image getPieceImage(Piece piece) {
        return getImage("pieces/" + piece.imageString() + ".png");
    }

    private void paintPiece(Graphics2D g, Piece piece, int x, int y) {
        if (piece != null) {
            g.drawImage(getPieceImage(piece), x, y, CELL, CELL, null);
        }
    }

    @Override
    public synchronized void paintComponent(Graphics2D g) {
        Rectangle b = g.getClipBounds();
        g.fillRect(0, 0, b.width, b.height);
        g.drawImage(getImage("chessboard.jpg"), 0, 0, BOARD, BOARD, null);
        g.setColor(Color.yellow);
        if (_game.inCheck(_game.turn())) {
            g.drawImage(getImage("inCheck.png"),
                CELL * _game.kingX(_game.turn()) + MARGIN,
                CELL * _game.kingY(_game.turn()) + MARGIN, CELL, CELL, null);
        }
        if (_game.selectedX() != -1) {
            g.drawImage(getImage("selected.png"),
                CELL * _game.selectedX() + MARGIN,
                CELL * _game.selectedY() + MARGIN, CELL, CELL, null);
        }
        for (int i = 0; i < 8; i++) {
            for (int j = 0; j < 8; j++) {
                paintPiece(g, _game.get(i, j),
                    CELL * i + MARGIN, CELL * j + MARGIN);
            }
        }
    }

    private final Game _game;

}

What I am trying to do in this program is to pass a file that contains a series of tables as if it were an excel and arrange the data in the code so that the data is printed in the same way in the java.lang.NullPointerException that I get it comes out at the end of my impression, I don't really know what it is so I would like you to help me please. According to the program my error is on line 25.

    try {
        String[] data = new String[47];
        String lineaTemporal;
        File archivo = new File("Mat.txt");
        FileReader fr = new FileReader(archivo);
        BufferedReader br = new BufferedReader(fr);

        String linea;

        for (int i = 0; i < 47; i++) {
            data[i] = br.readLine();
            lineaTemporal = data[i];
            String[] parts = lineaTemporal.split(" ");
            for (String part1 : parts) {
                System.out.print(part1);
                System.out.print("\t");
            }
            System.out.println("");
        }

        //while ((linea = br.readLine()) != null) {
        //    System.out.println(linea);
        //}
    } catch (Exception e) {
        e.printStackTrace();
    }