javascript – 将数字变成星星？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将数字变成星星？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1926字，纯文字阅读大概需要3分钟。

内容图文

我有这个代码巫婆工作正常,将第一个变成一个星,但如果我想要像1-5这样的几个数字变成相同数量的星(*),因为数字是我可以在同一个循环或我是否需要创建5个不同的循环,每个循环一个？

function changeNumber()
{
    var elements= document.getElementsByClassName("grade");
    for (var i=0; i<elements.length; i++) {
        var element = elements[i];
        var text = element.innerHTML; 
        var x = text.replace('1','*');
        element.innerHTML=x;
    }

}

此代码获取用户输入的值并将其放入数组中…

var button = $('#add');
    button.click(function() 
    {
        //funktion f?r vad som ska h?nda n?r man klickar p? knappen
        var filmnamn = $('#name');
        var filmnamnet = filmnamn.val();
        var betyg = $('#star');
        var betyget = betyg.val();
        betyget = Number(betyget);

        if(filmnamnet == 0)
        {
            $('#name').css('background-color', 'red');

        }
        if(betyget == 0)
        {
            $('#star').css('background-color', 'red');

        }
        if(betyget == 0 || filmnamnet == 0)
        {
            alert("V?nligen fyll i f?lten korrekt");

        }
        else
        {
            var array = new Array();
            array.unshift(betyget);
            array.unshift(filmnamnet);
            film_array.unshift(array);
            betyg_array.unshift(array);
            updateFilmList();

        }

    });

然后函数updateFilmlist看起来像这样……

    var film_list = $("#filmlista");
    var film_array = new Array();        

function updateFilmList()
    {
            document.getElementById("name").value = '';
            document.getElementById("star").value = 0;
            var filmen = film_array[0][0];
            var grade = film_array[0][1];
            var element = '<li class="lista">' + filmen + '<span class="betyg">'+ grade +'</span></li>';
            film_list.append(element);
            changeNumber();

    }

当我添加你在changeNumber函数中显示的代码时,唯一被改成星形的数字是动态创建的列表中的第一个列表元素…然后其余只显示为数字,为什么呢？顺便说一句,你可以忽略betyg_array,因为它是另一个函数而且与问题无关……

解决方法:

Working demo

每个循环或循环都不需要条件.

function changeNumber(){
    var elements= document.getElementsByClassName("grade");
    for (var i=0; i<elements.length; i++) {
        var element = elements[i];
        var length = parseInt(element.innerHTML);
        var x=Array(length+1).join("*");
        element.innerHTML=x;
    }
}

内容总结

以上是互联网集市为您收集整理的javascript – 将数字变成星星？全部内容，希望文章能够帮你解决javascript – 将数字变成星星？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端