下面的代码已经可以工作了,但是我需要那一部分
'use strict';
const seccCards = document.querySelector('#sctCards');
const inputFiltro = document.querySelector('#txtFiltro');
const imprimirCards = () => {
seccCards.innerHTML = '';
let filtro = inputFiltro.value.toLowerCase();
passengers.forEach(obj_passenger => {
if (obj_passenger.Name.toLowerCase().includes(filtro)) {
let card = document.createElement('div');
card.classList.add('card');
let passengerbeen = document.createElement('h2');
passengerbeen.innerText = obj_passenger.Name;
if (obj_passenger.Survived == 0) {
passengerbeen.classList.add('fas');
passengerbeen.classList.add('fa-skull');
}
let passengerF = document.createElement('p');
var survivalStatus;
if (obj_passenger.Survived == 1) {
survivalStatus = "sobrevivio";
} else {
survivalStatus = "fallecido";
}
passengerF.innerHTML = survivalStatus;
let voyage = document.createElement('p');
var voyageEmbark = " ";
if (obj_passenger.Embarked == "C") {
voyageEmbark = "Cherbourg";
} else if (obj_passenger.Embarked == "Q") {
voyageEmbark = "Queenstown";
} else {
voyageEmbark = "Southampton";
}
voyage.innerHTML = voyageEmbark;
if (obj_passenger.Embarked == ("C") && obj_passenger.Survived === 1) {
passengerbeen.classList.add('cSurvived');
} else if (obj_passenger.Embarked == ("C") && obj_passenger.Survived === 0) {
passengerbeen.classList.add('cDied');
} else if (obj_passenger.Embarked == ("Q") && obj_passenger.Survived === 1) {
passengerbeen.classList.add('qSurvived');
} else if (obj_passenger.Embarked == ("Q") && obj_passenger.Survived === 0) {
passengerbeen.classList.add('qDied');
} else if (obj_passenger.Embarked == ("S") && obj_passenger.Survived === 1) {
passengerbeen.classList.add('sSurvived');
} else {
passengerbeen.classList.add('sDied');
}
let passengerSex = document.createElement('p');
var passengerGender;
if (obj_passenger.sex == "male") {
passengerGender = "hombre";
} else {
passengerGender = "mujer";
}
passengerSex.innerHTML = passengerGender;
let passengerAge = document.createElement('p');
var passengerAgeMystery = " ";
if (obj_passenger.Age.length < 1) {
passengerAgeMystery = "Edad desconocida";
} else {
passengerAgeMystery = obj_passenger.Age;
}
passengerAge.innerHTML = passengerAgeMystery;
card.appendChild(passengerbeen);
card.appendChild(passengerF);
card.appendChild(passengerSex);
card.appendChild(passengerAge);
card.appendChild(voyage);
seccCards.appendChild(card);
}
});
};
//function filterEmbark
inputFiltro.addEventListener('keyup', imprimirCards);
imprimirCards();
还可以触发页面刷新。
是否可以通过为此添加php代码来实现这一目标?
echo '<a href="#login-dialog" class="small-dialog popup-with-zoom-anim login-btn">'.esc_html__( 'Login to apply on company site', 'workscout' ).'</a>';