텍스트 비교

두 텍스트 파일의 차이점을 찾아보세요

실시간 편집

변경 없는 행 숨기기

줄바꿈 비활성화

레이아웃

비교 단위

구문 강조

Diffchecker Desktop 가장 안전하게 Diffchecker를 사용하는 방법. 데스크톱 앱을 사용하면 비교 데이터가 외부로 전송되지 않습니다!데스크톱 앱 받기

Untitled diff

생성일 9년 전비교 결과 만료 없음

10 삭제

행
총
삭제

글자
총
삭제

이 기능을 계속 사용하려면 업그레이드해 주세요 Diffchecker Pro 요금제 보기

114 행

70 추가

행
총
추가

글자
총
추가

이 기능을 계속 사용하려면 업그레이드해 주세요 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);
    });
}());