小编Mig*_*uel的帖子

我目前正在构建一个投资组合,我打算模仿Windows工作流来显示我的项目并熟悉用户交互.我现在面临的问题是创建多个资源管理器窗口.我当时可以创建多个,但是当我尝试为每个窗口指定的内容时,这些不会假设分配了正确的内容.我在这个项目中使用常规的JS和jQuery.

我正在使用以下代码生成Explorer窗口:

$(window).ready(function(){

var desktop = document.querySelector('.workarea');

$('.general_icon').click(function(e){
    console.log(e);

    var explorerWindow = document.createElement('div');
    explorerWindow.className += 'explorer_window ui-widget-content ';

        var topToolBar = document.createElement('div');
        topToolBar.className += 'top_toolbar';

            var windowTitle = document.createElement('div');
            windowTitle.className += 'window_title';
            windowTitle.innerHTML = e.currentTarget.innerText;

            var windowOperations = document.createElement('div')
            windowOperations.className += 'window_operations';

                var minimize = document.createElement('div')
                minimize.className += 'minimize';
                minimize.innerHTML += '_';

                var maximize = document.createElement('div')
                maximize.className += 'maximize';
                maximize.innerHTML += '□';

                var close = document.createElement('div')
                close.className += 'close';
                close.innerHTML += '×';

            var topToolBar2 = document.createElement('div');
            topToolBar2.className += 'top_toolbar_2';

                var …

我正在尝试制作这个东西,我有一个带有完整背景图像的div和带有容器的顶部div,并且这个div是可拖动的,并且当拖动时它显示与背景相同的图像但是改变了.

嗯,这支笔的线条之间的东西

我的CSS到目前为止:

.contain{
    position:relative;
}

#dummy{ 
    background:url(http://i.imgur.com/CxYGDBq.jpg);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
}

#dummy2{
    position:absolute;
    top:0;
    z-index:99;
    left:0;
}

.mao{
    background: url(http://i.imgur.com/UbNyhzS.png);
    width:250px;
    height:300px;
    position:absolute;
    bottom:0;
    z-index:999;
    background-size:contain;
}

.screen{
    width:960px;
    height:995px;
    background-color:pink;
    position:relative;
    left:32px;
    top:30px;
    background-attachment:fixed;
    background: url(http://i.imgur.com/yjR8SCL.jpg);

}

我正在尝试硬编码一种登录系统,因为我试图有两个输入并点击检查这些值是否与数组中的值相匹配,该数组有两个对象可用于两个答案......

好吧,我不能让它工作,所有的suden我的变量都无法识别,整体代码已经变成了kaput ...这是笔

提前致谢!

到目前为止的代码顺便说一句

$(".submit").click(function() {

//bidimensional array
var data = [{
    user: "cinco",
    pw: "king"
}, {
    user: "manco",
    pw: "wawa"
}];
var name = $(".name").val();
var pass = $(".pw").val();

if (data.user.includes(name) && data.pw.includes(pass)) {
    $(".check-input").addClass('valid');
} else {
    $(".check-input").addClass('invalid');
  }
});

$(".input").focus(function() {
  $(".check-input").removeClass("valid");
  $(".check-input").removeClass("invalid");
});

我正在尝试创建一个函数，您可以在其中输入一年，而输出则返回该年份的世纪。我大部分时间都失败了，但是在逻辑中的某个地方我遗漏了一些东西，而且我没有得到正确的年份值，即 2000 年（20 世纪，我得到 21 世纪）

我的JS：

function centuryFromYear(year) {

    if (year <= 100) {
        console.log("um")
        return year * 0 + 1
    } else if (year > 100 && year <= 1000) {
        console.log("dois")
        var kek = year / 100
        var lul = Math.floor(kek)

    } else if (year > 1001) {
        console.log("tres")
        var kek = year / 100
        var lul = Math.floor(kek)
        return (lul + 1)
    }

}