小编j08*_*691的帖子

每次n次在循环内运行代码的简单方法

我试图在 for 循环中每第七次迭代运行一段代码。

我该怎么做?

for (let i = 1; i < 101; i++) {
  if (i == 7) {
    console.log('7 iterations have passed')
  }

  console.log(i)
}
Run Code Online (Sandbox Code Playgroud)

目前它只执行一次,我不确定检查此操作的干净方法是什么。

javascript

1
推荐指数
1
解决办法
2668
查看次数

如何切换多种CSS样式来制作深色模式?

我使用 HTML、CSS 和 JavaScript 来构建我的网站。我想添加一个深色模式切换按钮,因此通过单击,它将切换到深色/浅色模式,但我的 JavaScript 脚本仅适用于一种css 样式 - body. 但实际上,我有很多div,它们是浅色的,但它们不会因颜色而改变。

这是我的 HTML 代码(带有 JS<script>容器):

我怎样才能解决这个问题,通过点击按钮我可以让我的网站变成暗模式?

function darkMode() {
  var element = document.body
  element.classList.toggle("dark-mode");
  element.classList.toggle("yeaaaaaa");
}
Run Code Online (Sandbox Code Playgroud)
body {
  font-family: 'Montserrat', sans-serif;
  background-color: #fff;
}

.dark_mode {
  background-color: #000;
}

.yeaaaaaa {
  background-color: #111;
}


/* main styles */

.main {
  display: grid;
  background-color: #f5f7fa;
  grid-template-columns: 22.15em auto;
  grid-template-rows: auto auto;
}

.grid-item {
  background: #1e2939;
}

.photo-coverup {
  display: flex;
  align-items: flex-end;
} …
Run Code Online (Sandbox Code Playgroud)

html javascript css darkmode

1
推荐指数
1
解决办法
5293
查看次数

vscode (JS) 中语法高亮损坏

突然间,我的语法突出显示似乎专门针对 .js 文件而损坏。Python 和 .vue 文件似乎工作正常。我使用的是新的 M1 MacBook,我尝试更新到最新的 vscode,切换到香草颜色主题,但没有任何效果,我还可以尝试其他方法吗?

在此输入图像描述

javascript visual-studio-code

1
推荐指数
1
解决办法
890
查看次数

为什么我的 div 元素没有形成圆形时钟?

我正在尝试用 CSS 构建一个时钟,但无法让我的 div 形成一个圆圈。我正在使用,rotate(30deg)但它并没有形成一个完美的圆圈。

:root {
  --rot: 30deg;
  background-color: darkgray;
}

.container {
  border: 1px solid black;
}

.clock {
  border: 1px solid red;
  position: relative;
  width: 220px;
  height: 220px;
  margin: 10px auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-evenly;
}

.clock div {
  display: flex;
  position: absolute;
}

.h-1 {
  transform: rotate(var(--rot))
}

.h-2 {
  transform: rotate(calc(2 * var(--rot)))
}

.h-3 {
  transform: rotate(calc(3 * var(--rot)));
}

.h-4 {
  transform: rotate(calc(4 * var(--rot)));
}

.h-5 {
  transform: …
Run Code Online (Sandbox Code Playgroud)

html css

1
推荐指数
1
解决办法
40
查看次数

Ticketmaster风格的机票预订系统?PHP/MySQL

我想找到有关如何使用PHP和MySQL构建票务预订系统的信息.

可用的门票将用于可用场地有限的个别活动.

系统必须:

  1. 一次显示正确的可用票数
  2. 在输入付款详细信息时,临时为客户(指定的时间段)分配票证
  3. 防止其他客户购买其他人正在付款的机票
  4. 如果分配的故障单交易失败或用户放弃付款,则将故障单重新分配给事件可用故障单

该系统有望基于Ticketmaster方法.这会为客户分配一张票,并为他们提供x购买票的时间.在此期间,其他客户无法购买机票.如果交易失败或时间用完,则机票将被取消分配,并可由其他客户购买.

那么我的简单问题是如何实施这样的系统?您认为Ticketmaster如何实施这样的系统?

我正在寻找正确方向的推动和任何帮助赞赏.

php mysql ticket-system

0
推荐指数
1
解决办法
2310
查看次数


通过CSS将这些元素内联/放在一行中

我的Joomla CMS中的模块生成以下代码:

<li id="myid" clas="">
   <span>
      <strong>1.</strong>
   </span>

   <dl>
      <dt>
         <span>Some text</span>
      </dt>
  </dl>
</li>
Run Code Online (Sandbox Code Playgroud)

这不能在html中编辑,因为它是通过多个插件创建的.有没有办法让"一些文字"出现在"1"的右侧.通过CSS.我尝试过类似的东西:

li {
    display: inline;
}
Run Code Online (Sandbox Code Playgroud)

哪个没用.你有什么建议吗?非常感谢你!

html css joomla

0
推荐指数
1
解决办法
103
查看次数

检查输入是否包含最少8个字符,最少1个字母和1个字母

这是我试过的...如果我只检查输入的值是否小于8,它是否有效,但不能检查它是否包含至少1个字母和1个数字.我究竟做错了什么 ?= /

$(document).ready(function() {

var jVal = {
    'passWord' : function() {

        $('body').append('<div id="nameInfo" class="info"></div>');

        var nameInfo = $('#nameInfo');
        var ele = $('#password');
        var pos = ele.offset();
        ra = /^[A-Za-z]+$/;
        re = /^[0-9]+$/;

        nameInfo.css({
            top: pos.top - 3,
            left: pos.left + ele.width() + 15
        });

        if (ele.val().length < 8 & re.test(ele.value) & ra.test(ele.value)) {
            jVal.errors = true;
            nameInfo.removeClass('correct').addClass('error').html('&larr; too short').show();
            ele.removeClass('normal').addClass('wrong');
        }

        else {
            nameInfo.removeClass('error').addClass('correct').html('&radic;').show();
            ele.removeClass('wrong').addClass('normal');
        }
    }

}
$('#password').change(jVal.passWord);
});
Run Code Online (Sandbox Code Playgroud)

html javascript regex

0
推荐指数
1
解决办法
1063
查看次数

HTML段落+水平滚动条

我使用<p>标记创建了一个HTML段落.段落块的尺寸为:

  • X尺寸:300px.
  • Y尺寸:400px.

如果我插入一长串连续的字符,我想要显示一个水平滚动条.我试图设置CSS溢出属性,但我的字符行被破坏,其余字符显示在一个新行上.

如何显示水平滚动条而不是打破长行字符?

html scrollbar paragraph

0
推荐指数
1
解决办法
6835
查看次数

基本的CSS选择器语法,结合了多个id和类

我希望能够通过自己的ID和类(没有别的)选择以下任何四个单独的跨度,但我似乎无法找到正确的语法... #id1 .class2#id2 .class2选择两个右手因素确定的,但#id1 .class1#id2 .class1似乎选择我希望它们只选择p中第一个跨度的两个元素.

<html>
    <head>
        <style>
            #id1 .class1{ background: red; }
        </style>
    </head>
    <body>
        <p id="id1">
            <span class="class1">one<span> 
            <span class="class2">two<span> 
        </p>
        <p id="id2">
            <span class="class1">three<span> 
            <span class="class2">four<span> 
        </p>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

css css-selectors

0
推荐指数
1
解决办法
521
查看次数