猿问

如何使用 Javascript 设置默认选项?

我正在尝试为游戏市场构建货币转换器,我目前拥有它,以便在输入栏中显示每种货币/付款方式的相应图标 - 它具有付款选项的默认选项,但跨度为空白直到用户点击一个国家。如何设置默认值以便图标 100% 出现?


我设法使其与付款方式图标一起使用,但我缺少国家/地区图标的某些内容


https://codepen.io/anon/pen/byXrWN


    const data = [

    {

        currency: 'paypal',

        we_buy: 0.50,

        we_sell: 0.68,

        img_path: 'img/paypal.svg',

        icon: 'fab fa-paypal'

    },

    {

        currency: 'debit',

        we_buy: 0.67,

        we_sell: 0.82,

        img_path: 'img/debit-card.svg',

        icon: 'far fa-credit-card'

    },

    {

        currency: 'btc',

        we_buy: 0.58,

        we_sell: 0.77,

        img_path: 'img/bitcoin.svg',

        icon: 'fab fa-btc'

    },

    {

        currency: 'ethereum',

        we_buy: 0.59,

        we_sell: 0.76,

        img_path: 'img/ethereum.svg',

        icon: 'fab fa-ethereum'

    }

];


const country = [

    {

        country_id: 'USA',

        country_currency: 'USD',

        img_path: 'img/united-states.svg',

        icon: 'fas fa-dollar-sign',

        rate: 1.0

    },

    {

        country_id: 'EUR',

        country_currency: 'EUR',

        img_path: 'img/european-union.svg',

        icon: 'fas fa-euro-sign',

        rate: 0.88

    },

    {

        country_id: 'UK',

        country_currency: 'GBP',

        img_path: 'img/united-kingdom.svg',

        icon: 'fas fa-pound-sign',

        rate: 0.78

    },  

    {

        country_id: 'CAN',

        country_currency: 'CAD',

        img_path: 'img/canada.svg',

        icon: 'fas fa-dollar-sign',

        rate: 1.33

    }

];


const countryContainer = document.getElementById("countries");

let selectedCountry = null;

var selectCountry = function (index) {

    const cdata = country[index];

    selectedCountry = country[index];

    document.getElementById("country-selected").innerHTML = `Country selected: ${cdata.country_currency}`;

    document.getElementById("country_icon").className = cdata.icon;

};


顶行是国家选择,底行是付款方式(在 html/js 中命名不当 - 货币 = 付款方式)


付款方式的图标应在页面加载时出现,而不是在用户单击其原籍国之后


qq_笑_17
浏览 188回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答