如何使用 HTML JS 强制数字到达下一个整数？

Question

项目我想在具有动态 src 的页面上显示 9 个图像 (3x3)，并使用按钮（下一个或上一个）更改图像。每张图片都有 5 个标签（例如：天空、纽约、烹饪……），通过选择一个标签，与该标签相关的每张图片都会出现。

我的问题 我似乎没有找到强制 js 在计算结果有小数时立即转到下一个整数的函数，所以我无法确定页数。

我想做的事情的例子 我想点击标签查看所有与美食相关的图片

numberOfPictures = 9 
numberOfPages = numberOfPictures/9    //number of pages = 1 so I'll display one page

我想通过点击标签查看所有与旅行相关的图片。

numberOfPictures = 10 
numberOfPages = numberOfPictures/9    //number of pages = 1,111111 so I'll display 2 pages

目前我只找到了一种获取整数的方法，但如果小数位数小于 5，它会得到最小的整数“隐藏”一些图片。

感谢您的宝贵时间！-Vincent

Answer 1

您可以使用Math.ceil函数：

const numOfPics = 10

console.log(Math.ceil(numOfPics/9))

How to force number to get to the next integer with HTML JS?