时间戳

首页 > 解决方案 > 将结果推送到对象

javascript - 将结果推送到对象

问题描述

我有一个正在运行一些计算的函数。我想将结果推送到一个对象中，这样我就可以返回并插入 HTML，结果动态显示在正确的位置。

例如，如何将存储在变量 totalSaving 中的结果推送到对象surveyResults？我想要节省：对象内部是函数 calc 内部计算的 totalSaving。所以本质上我希望用计算更新对象，以便我可以在我的网站上显示它们。

谢谢

const calculate = document.getElementById('one');

const resultsContainer = document.querySelector('.card-wrapper-results');

calculate.addEventListener('click', calc);

let surveyResults = [
    {
        savings: 10.23,
        price: 35.84
    }
];

let chartResults = [
    {
        year1: 200,
        year2: 300,
        year3: 400,
        year4: 500,
        year6: 600,
        year7: 700,
        year8: 800,
        year9: 900,
        year10: 100
    }
];

let yearlySavings;
let scrappagePayment;
let smartPayment;

function calc() {
    event.preventDefault();
    let gas = parseFloat(document.getElementById('gas').value);
    let price = parseFloat(document.getElementById('price').value);
    let gasSaving;
    let smartSaving;
    let result;
    let totalSaving;
    smartSaving = gas * 0.2;
    gasSaving = gas * 0.3;
    totalSaving = smartSaving + gasSaving;
    result = price - totalSaving;

    let displayResults = surveyResults.map(function(item) {
        console.log(item);
        return `<div class="card2-results">
            
            
                <h1>Monthly Gas Savings</h1>
                <p class="job-title">Instant Savings</p>
                <h2 class="about-h2">
                    ${item.savings}
                </h2>
                <ul class="about-payment">
                    <li><i class="fas fa-check"></i> Start Saving Straightaway</li>
                    <li><i class="fas fa-check"></i> 30% Saving From EcoTech Plus </li>
                    <li><i class="fas fa-check"></i> 18% Saving From Hive Smart Heating</li>
                    <li><i class="fas fa-check"></i> Hive Smart Heating System Included</li>
                
                
                </ul>
            
                <a href="" class="btn-results">1st Year £336</a>
            
            </div>`;
    });
    resultsContainer.innerHTML = displayResults;
}

标签： javascript

解决方案

如果以下内容不能回答您的问题，请提供说明。

let surveyResults = [
    {
        savings: 10.23,
        price: 35.84
    }
];

let totalSaving=50;

surveyResults[0].savings=totalSaving;
console.log(surveyResults);

推荐阅读