BluePotato102
40 lines
1.9 KiB
JavaScript
40 lines
1.9 KiB
JavaScript
function updateTooltip(eventObject) {
|
|
//eventObject.currentTarget.id = the button's building id, like "woodenHut"
|
|
// So tooltip ID is merely a template string `tooltip-${eventObject.currentTarget.id}
|
|
let tooltipId = `tooltip-${eventObject.currentTarget.id}`;
|
|
//console.log("Print all function args: " + arguments[0] + arguments[1]);
|
|
//console.log("Tooltip ID: " + tooltipId);
|
|
var tooltipElement = document.querySelector("#" + tooltipId);
|
|
|
|
//console.log("Grabbed the tooltip element whose text we're updating!");
|
|
//console.log(tooltipElement);
|
|
|
|
//console.log("Here's the text content: ");
|
|
//console.log(tooltipElement.textContent);
|
|
//console.log("Typeof text content: " + typeof tooltipElement.textContent);
|
|
let originalText = tooltipElement.textContent;
|
|
|
|
//hard code new cost for wooden hut, for now
|
|
//in future, will grab building cost based off of tooltipId
|
|
//let newBuildingCost = o_townBuildingsContainer.o_woodenHut.costOfNextBuilding;
|
|
let newBuildingCost = o_townBuildingsContainer[`o_${eventObject.currentTarget.id}`].costOfNextBuilding;
|
|
|
|
|
|
/* TEST getNested function from townFunctions.js */
|
|
/* const test = o_townBuildingsContainer;
|
|
console.log("***** testing getNested() *******");
|
|
console.log(getNested(test, 'o_woodenHut', 'id'));
|
|
console.log(test[`o_${eventObject.currentTarget.id}`]); */
|
|
|
|
//console.log(`New building cost: ${newBuildingCost}`);
|
|
//console.log(`Searching ${tooltipId} for the span that wraps building cost...`);
|
|
let buildingID = tooltipId.replace('tooltip-', '');
|
|
let coinSpanId = `#coins-${buildingID}`;
|
|
//console.log(`Coin span id: ${coinSpanId}`);
|
|
let coinSpan = document.querySelector(coinSpanId);
|
|
//console.log(`Coin span element: ${coinSpan}`);
|
|
//console.log(`Coin span text content: ${coinSpan.textContent}`);
|
|
//console.log("Replacing coin value with formatted building cost...");
|
|
formatCoins(newBuildingCost, coinSpan);
|
|
|
|
} |