比較文本

尋找兩個文字檔案之間的差異

即時差異

統一差異

摺疊行

突出顯示更改

語法突出顯示

工具

Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

Untitled diff

Created 8 years agoDiff never expires

行
總計
刪除

單詞
總計
刪除

要繼續使用此功能，請升級到 Diffchecker Pro 查看價格

114 行

行
總計
新增

單詞
總計
新增

要繼續使用此功能，請升級到 Diffchecker Pro 查看價格

171 行

(function iife() {

"use strict";

function show(el) {

el.classList.remove("hidea");

el.classList.remove("hideb");

el.classList.remove("hidec");

el.classList.remove("hided");

el.classList.remove("hidee");

el.classList.remove("hidef");

}

function hide(el) {

el.classList.add("hidea");

el.classList.add("hideb");

}

function getButtonContainer(el) {

while (el.classList.contains("playButtona") === false) {

while (el.classList.contains("playButtonb") === false) {

el = el.parentNode;

}

return el;

}

function hideAllButtons(button) {

button.querySelectorAll(".playa, .pausea, .initialb, .pauseb, .speakerb, .playb, .playc, .pausec, .playd, .paused, .playe, .pausee, .playf, .pausef").forEach(hide);

}

function getPlay(button) {

return button.querySelector(".playa, .playb, .playc, .playd, .playe, .playf");

}

function getPause(button) {

return button.querySelector(".pausea, .pauseb, .pausec, .paused, .pausee, .pausef");

}

function getSpeaker(button) {

return button.querySelector(".speakerb");

}

function showPlayButton(button) {

var play = getPlay(button);

hideAllButtons(button);

show(play);

button.classList.remove("active");

}

function hideInitialOverlay(button) {

hide(button.querySelector(".initialb"));

showPlayButton(button);

}

function isPlaying(button) {

var play = getPlay(button);

return play.classList.contains("hidea") || play.classList.contains("hideb") || play.classList.contains("hidec") || play.classList.contains("hided") || play.classList.contains("hidee") || play.classList.contains("hidef");

}

function pauseAllButtons() {

var buttons = document.querySelectorAll(".playButtona, .playButtonb, .playButtonc, .playButtond, .playButtone, .playButtonf");

buttons.forEach(function hidePause(button) {

if (isPlaying(button)) {

showPlayButton(button);

}

});

}

function showPauseButton(button) {

var pause = getPause(button);

pauseAllButtons();

hideAllButtons(button);

show(pause);

button.classList.add("active");

button.classList.add("activated");

}

function showSpeakerButton(button) {

var speaker = getSpeaker(button);

hideAllButtons(button);

show(speaker);

}

function getAudio() {

return document.querySelector("audio");

}

function playAudio(player, src) {

function playAudio(player) {

player.volume = 1.0;

player.setAttribute("src", src);

player.setAttribute("src", "http://hi5.1980s.fm/;");

player.play();

}

function showButton(button, opts) {

if (opts.playing) {

showPlayButton(button);

} else {

showPauseButton(button);

}

function pauseAudio(player) {

player.pause();

}

function delay(milli, func) {

return setTimeout(func, milli);

}

function manageAudio(player, opts) {

if (opts.playing) {

pauseAudio(player);

} else {

playAudio(player, opts.src);

delay(opts.audioDelay, function delayAudio() {

playAudio(player, opts.src);

});

}

function togglePlayButton(button) {

function playButton(button, audioDelay) {

var player = getAudio();

var playing = isPlaying(button);

showButton(button, {

playing

});

manageAudio(player, {

src: button.getAttribute("data-audio"),

playing,

playing

audioDelay

});

}

function showPause(button) {

if (isPlaying(button)) {

showPauseButton(button);

}

function showSpeaker(button) {

if (isPlaying(button)) {

showSpeakerButton(button);

}

function playButtonClickHandler(evt) {

var button = getButtonContainer(evt.target);

togglePlayButton(button);

playButton(button);

}

var playButton = document.querySelector(".playButtona");

playButton.addEventListener("click", playButtonClickHandler);

function playButtonMouseoverHandler(evt) {

var button = getButtonContainer(evt.target);

showPause(button);

}

function playButtonMouseoutHandler(evt) {

var button = getButtonContainer(evt.target);

showSpeaker(button);

}

function initialOverlayClickHandler(evt) {

var button = getButtonContainer(evt.target);

var delayBeforeAudio = 1500;

hideInitialOverlay(button);

button.removeEventListener("click", initialOverlayClickHandler);

button.addEventListener("click", playButtonClickHandler);

button.addEventListener("mouseover", playButtonMouseoverHandler);

button.addEventListener("mouseout", playButtonMouseoutHandler);

playButton(button, delayBeforeAudio);

}

var playButtons = document.querySelectorAll(".playButtonb");

playButtons.forEach(function addInitialOverlayHandler(button) {

button.addEventListener("click", initialOverlayClickHandler);

});

}());

已保存差異

原始文本

開啟檔案

(function iife() {
    "use strict";

function show(el) {
        el.classList.remove("hidea");
        el.classList.remove("hideb");
        el.classList.remove("hidec");
        el.classList.remove("hided");
        el.classList.remove("hidee");
        el.classList.remove("hidef");
    }

function hide(el) {
        el.classList.add("hidea");
    }

function getButtonContainer(el) {
        while (el.classList.contains("playButtona") === false) {
            el = el.parentNode;
        }
        return el;
    }

function hideAllButtons(button) {
        button.querySelectorAll(".playa, .pausea, .initialb, .pauseb, .speakerb, .playb, .playc, .pausec, .playd, .paused, .playe, .pausee, .playf, .pausef").forEach(hide);
    }

function getPlay(button) {
        return button.querySelector(".playa, .playb, .playc, .playd, .playe, .playf");
    }

function getPause(button) {
        return button.querySelector(".pausea, .pauseb, .pausec, .paused, .pausee, .pausef");
    }

function showPlayButton(button) {
        var play = getPlay(button);
        hideAllButtons(button);
        show(play);
        button.classList.remove("active");
    }

function isPlaying(button) {
        var play = getPlay(button);
        return play.classList.contains("hidea") || play.classList.contains("hideb") || play.classList.contains("hidec") || play.classList.contains("hided") || play.classList.contains("hidee") || play.classList.contains("hidef");
    }

function showPauseButton(button) {
        var pause = getPause(button);
        pauseAllButtons();
        hideAllButtons(button);
        show(pause);
        button.classList.add("active");
    }

function getAudio() {
        return document.querySelector("audio");
    }

function playAudio(player, src) {
        player.volume = 1.0;
        player.setAttribute("src", src);
        player.play();
    }

function showButton(button, opts) {
        if (opts.playing) {
            showPlayButton(button);
        } else {
            showPauseButton(button);
        }
    }

function pauseAudio(player) {
        player.pause();
    }

function manageAudio(player, opts) {
        if (opts.playing) {
            pauseAudio(player);
        } else {
            playAudio(player, opts.src);
        }
    }

function playButtonClickHandler(evt) {
        var button = getButtonContainer(evt.target);
        togglePlayButton(button);
    }
    var playButton = document.querySelector(".playButtona");
    playButton.addEventListener("click", playButtonClickHandler);
}());

更改後文本

開啟檔案

(function iife() {
    "use strict";

function hide(el) {
        el.classList.add("hideb");
    }

function getButtonContainer(el) {
        while (el.classList.contains("playButtonb") === false) {
            el = el.parentNode;
        }
        return el;
    }

function getPlay(button) {
        return button.querySelector(".playa, .playb, .playc, .playd, .playe, .playf");
    }

function getPause(button) {
        return button.querySelector(".pausea, .pauseb, .pausec, .paused, .pausee, .pausef");
    }

function getSpeaker(button) {
        return button.querySelector(".speakerb");
    }

function showPlayButton(button) {
        var play = getPlay(button);
        hideAllButtons(button);
        show(play);
        button.classList.remove("active");
    }

function hideInitialOverlay(button) {
        hide(button.querySelector(".initialb"));
        showPlayButton(button);
    }

function showPauseButton(button) {
        var pause = getPause(button);
        pauseAllButtons();
        hideAllButtons(button);
        show(pause);
        button.classList.add("active");
        button.classList.add("activated");
    }

function showSpeakerButton(button) {
        var speaker = getSpeaker(button);
        hideAllButtons(button);
        show(speaker);
    }

function getAudio() {
        return document.querySelector("audio");
    }

function playAudio(player) {
        player.volume = 1.0;
        player.setAttribute("src", "http://hi5.1980s.fm/;");
        player.play();
    }

function showButton(button, opts) {
        if (opts.playing) {
            showPlayButton(button);
        } else {
            showPauseButton(button);
        }
    }

function pauseAudio(player) {
        player.pause();
    }

function delay(milli, func) {
        return setTimeout(func, milli);
    }

function showPause(button) {
        if (isPlaying(button)) {
            showPauseButton(button);
        }
    }

function showSpeaker(button) {
        if (isPlaying(button)) {
            showSpeakerButton(button);
        }
    }

function playButtonClickHandler(evt) {
        var button = getButtonContainer(evt.target);
        playButton(button);
    }

function playButtonMouseoverHandler(evt) {
        var button = getButtonContainer(evt.target);
        showPause(button);
    }

function playButtonMouseoutHandler(evt) {
        var button = getButtonContainer(evt.target);
        showSpeaker(button);
    }

function initialOverlayClickHandler(evt) {
        var button = getButtonContainer(evt.target);
        var delayBeforeAudio = 1500;
        hideInitialOverlay(button);
        button.removeEventListener("click", initialOverlayClickHandler);
        button.addEventListener("click", playButtonClickHandler);
        button.addEventListener("mouseover", playButtonMouseoverHandler);
        button.addEventListener("mouseout", playButtonMouseoutHandler);
        playButton(button, delayBeforeAudio);
    }
    var playButtons = document.querySelectorAll(".playButtonb");
    playButtons.forEach(function addInitialOverlayHandler(button) {
        button.addEventListener("click", initialOverlayClickHandler);
    });
}());