js小案例

郑州起步价8元,2公里以内8,超过2不超过12公里按照1.6元/公里,超过12公里按照每公里2.2元/公里

        var gl = 31//代表路程
        var price = 0//代表花费
        if (gl <= 2) {
            price = 8
        }
        else if (gl > 2 && gl <= 12) {
            // 除了上面条件并且满足if条件的 else:gl>2,if在gl>2的范围内再找gl>2&&gl<=12
            price = 8 + (gl - 2) * 1.6
            gl=10
        }
        else{
            // 超过12
            price=8+10*1.6+(gl-12)*2.2 
        }
        document.write(price)
        console.log(price)

百钱买百鸡

公鸡一个五块钱,母鸡一个三块钱,小鸡三个一块钱,现在要用一百元买一百只鸡,问公鸡、母鸡 、小鸡各多少只

  • 第一种方法
 // 1公鸡出现的次数可能0-100
        for (var x = 0; x <= 100; x++) {
            // 2 母鸡出现的可能为0-100
            for (var y = 0; y <= 100; y++) {
                //3 小鸡出现的次数
                for (var z = 0; z <= 100; z++) {

                    // 满足条件x+y+z==100 比较x+y+z等不等100
                    // 当condition1 为true 满足三种种类共为100
                    var condition1 = (x + y + z == 100)
                    // 当condition2 为true满足总价为100
                    var condition2 = (5 * x + 3 * y + z / 3 == 100)
                    // z的值是3的倍数
                    var condition3 = (z % 3 == 0)
                    if (condition1 && condition2 && condition3) {
                        console.log("公鸡的个数为" + x + "," + "母鸡的个数为" + y + "," + "小鸡的个数为"+z)
                    }
                }
            }
        }
  •  第二种方法
 for (let i = 0; i <= 20; i++) {
            for (let j = 0; j <= 33; j++) {
                for (let k = 0; k <= 100; k++) {
                    if (i + j + k === 100 && (5 * i + 3 * j + k / 3) === 100) {
                        console.log(`公鸡的个数为${i},母鸡的个数为${j},小鸡的个数为${k}`)
                    }
                }
            }
        }

3人一张桌子余2人 5人余4人 7人余6人 9人余8人 11人正好坐满

 for (var i = 0; i < 999999; i++) {
            if (i % 3 == 2 && i % 5 == 4 && i % 7 == 6 && i % 9 == 8 && i % 11 == 0) {
                console.log(i + "1111")//2519
                break;//输出一个2519其他不会输出
            }

        }
        //如何只输出前四个数其他不输出
        var count = 0//满足条件的个数
        for (var i = 0; i < 999999; i++) {
            if (i % 3 == 2 && i % 5 == 4 && i % 7 == 6 && i % 9 == 8 && i % 11 == 0) {
                //console.log(i + "mm")//输出前四次
                count++//每次加一
                if (count >= 4) {
                    console.log(i + "mm")//输出满足当前这一次   
                    break
                }

            }

        }

九九乘法表

for (var i = 1; i < 10; i++) {
            for (var j = 1; j <= i; j++) {
                // document.write(i + "*" + j + "=" + i * j)
                document.write(j + "*" + i + "=" + i * j)
            }
            // 控制页面
            document.write('<br/>')
        }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个使用 JavaScript 实现的简单的轮播图案例: ```html <!DOCTYPE html> <html> <head> <title>JavaScript 案例:轮播图</title> <style> #slideshow { position: relative; width: 600px; height: 400px; margin: 0 auto; overflow: hidden; } #slideshow img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; } #slideshow img.active { opacity: 1; } #slideshow button { position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; border: none; padding: 10px; cursor: pointer; font-size: 24px; } #slideshow button.prev { left: 0; } #slideshow button.next { right: 0; } </style> <script> var images = ["image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg"]; var index = 0; var slideshow = document.getElementById("slideshow"); var prevButton = document.createElement("button"); var nextButton = document.createElement("button"); function init() { prevButton.innerHTML = "❮"; prevButton.classList.add("prev"); prevButton.addEventListener("click", prevSlide); nextButton.innerHTML = "❯"; nextButton.classList.add("next"); nextButton.addEventListener("click", nextSlide); slideshow.appendChild(prevButton); slideshow.appendChild(nextButton); showSlide(); setInterval(nextSlide, 5000); } function showSlide() { var img = document.createElement("img"); img.src = images[index]; img.classList.add("active"); slideshow.appendChild(img); } function hideSlide() { var activeImg = slideshow.querySelector(".active"); activeImg.classList.remove("active"); slideshow.removeChild(activeImg); } function prevSlide() { hideSlide(); index--; if (index < 0) { index = images.length - 1; } showSlide(); } function nextSlide() { hideSlide(); index++; if (index >= images.length) { index = 0; } showSlide(); } window.addEventListener("load", init); </script> </head> <body> <h1>轮播图</h1> <div id="slideshow"></div> </body> </html> ``` 在这个案例中,我们使用了 JavaScript 来实现一个基本的轮播图。在 HTML 中,我们定义了一个包含图片的 div 元素,并使用 CSS 来设置其样式。在 JavaScript 中,我们定义了一个 images 数组来存储图片的文件名,一个 index 变量来记录当前显示的图片的索引,以及 prevButton 和 nextButton 两个按钮元素来控制切换图片。在 init 函数中,我们初始化轮播图,并设置了自动切换的定时器。在 showSlide 函数中,我们创建一个 img 元素,并将其添加到轮播图中。在 hideSlide 函数中,我们移除当前显示的图片。在 prevSlide 函数和 nextSlide 函数中,我们分别实现了向前和向后切换图片的逻辑。最后,我们在 window 的 load 事件中调用 init 函数来初始化轮播图。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值