Help Pa solve po nito, Javascript?

[Wriothesley]

Sino po dito marunong mag javascript... medyo ndi ako medyo sanay sa javascript...

pa solve po nito....
sa first gusto ko sana yung pag nag input ka... automatic may slash "/" sa gitna pag may 2 digit na... tapos limit naman ng 2 digit after ng slash...
sa pangalawa naman,,, pag mag input ng four digit.. automatic na mag colon. or may spaces..

Yung function po si while typing... ndi po yung may e cliclick pa... or pag wala na sa focus yung mouse..
In short : is pag nag tytype automatic na nagchange


Sana may makatulong... thanks

 

[Raging_Jalapeno]

function addSlash(input) {
  if (input.length === 2) {
    return input + '/';
  }
  return input;
}

const input = document.getElementById('input');
input.addEventListener('keyup', () => {
  input.value = addSlash(input.value);
});

function addSlash(input) {
  if (input.length === 2) {
    return input + '/';
  }
  return input;
}

const input = document.getElementById('input');
input.addEventListener('keyup', () => {
  input.value = addSlash(input.value);
});

Try mo to ts sa, unang problem mo

 

[Wriothesley]

function addSlash(input) {
  if (input.length === 2) {
    return input + '/';
  }
  return input;
}

const input = document.getElementById('input');
input.addEventListener('keyup', () => {
  input.value = addSlash(input.value);
});

Try mo to ts sa, unang problem mo

salamat ts.. try ko po

 

[Raging_Jalapeno]

function addColon(input) {
  if (input.length === 4) {
    return input + ':';
  }
  return input;
}

const input = document.getElementById('input');
input.addEventListener('keyup', () => {
  input.value = addColon(input.value);
});

function addSlash(input) {
  if (input.length === 2) {
    return input + '/';
  }
  return input;
}

const input = document.getElementById('input');
input.addEventListener('keyup', () => {
  input.value = addSlash(input.value);
});

Try mo to ts sa, unang problem mo

Ito naman sa pangalawa

 

[Wriothesley]

function addSlash(input) {
  if (input.length === 2) {
    return input + '/';
  }
  return input;
}

const input = document.getElementById('input');
input.addEventListener('keyup', () => {
  input.value = addSlash(input.value);
});

Try mo to ts sa, unang problem mo

working ts and slamat

function addColon(input) {
  if (input.length === 4) {
    return input + ':';
  }
  return input;
}

const input = document.getElementById('input');
input.addEventListener('keyup', () => {
  input.value = addColon(input.value);
});

Ito naman sa pangalawa

boss.. pano yung pangalawa,,, nag add sya ng colons but after another four,, ayaw na

 

[LocalHost 8080]

<input type="text" id="con1" onkeyup="con1Func()" maxlength="5">
<input type="text" id="con2" onkeyup="con2Func()">

<script>
    function con1Func() {
        if (document.getElementById('con1').value.length == 2) {
            document.getElementById('con1').value = document.getElementById('con1').value + "/"
        }
    }

    function con2Func() {
        let num = document.getElementById('con2').value.replace(/:/g, '').length
        console.log(num)
        if (num % 4 == 0 && num != 0) {
            document.getElementById('con2').value = document.getElementById('con2').value + ":"
        }
    }
</script>

 

[Wriothesley]

<input type="text" id="con1" onkeyup="con1Func()" maxlength="5">
<input type="text" id="con2" onkeyup="con2Func()">

<script>
    function con1Func() {
        if (document.getElementById('con1').value.length == 2) {
            document.getElementById('con1').value = document.getElementById('con1').value + "/"
        }
    }

    function con2Func() {
        let num = document.getElementById('con2').value.replace(/:/g, '').length
        console.log(num)
        if (num % 4 == 0 && num != 0) {
            document.getElementById('con2').value = document.getElementById('con2').value + ":"
        }
    }
</script>

salamat ts.. try ko din

 

[LocalHost 8080]

salamat ts.. try ko din

sige lang ts. pag hindi gumana dinuga hahahah

 

[Wriothesley]

sige lang ts. pag hindi gumana dinuga hahahah

working ts at salamat ts... parang babalik ata ako sa 1st year dito kalimutan kona.... ahhahaha

 

[LocalHost 8080]

working ts at salamat ts... parang babalik ata ako sa 1st year dito kalimutan kona.... ahhahaha

hahaha. explore lang ulit ts hehhe

 

[Wriothesley]

hahaha. explore lang ulit ts hehhe

paps.. pano pag copypaste... yung pangalawa? tintry ko sa copy paste.. ndi ata gumana.. may way ba ts?

 

[LocalHost 8080]

paps.. pano pag copypaste... yung pangalawa? tintry ko sa copy paste.. ndi ata gumana.. may way ba ts?

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<!-- <script src="js/exam.js"> </script> -->
<!-- <script src="js/activity1.js"> </script> -->

<input type="text" id="con1" onkeyup="con1Func()" maxlength="5">
<input type="text" id="con2" onkeyup="con2Func()">

<script>
    function con1Func() {
        if (document.getElementById('con1').value.length == 2) {
            document.getElementById('con1').value = document.getElementById('con1').value + "/"
        }
    }

    function con2Func() {
        let num = document.getElementById('con2').value.replace(/:/g, '').length
        console.log(num)
        if (num % 4 == 0 && num != 0) {
            document.getElementById('con2').value = document.getElementById('con2').value + ":"
        }
    }
</script>

</html>

 

[Raging_Jalapeno]

Ayy may kulang akong nalagay wait revise ko

const input = document.getElementById('input');

// function for adding slash every 2 digits
function addSlash(input) {
  if (input.length % 2 === 0) {
    return input + '/';
  }
  return input;
}

input.addEventListener('keydown', (event) => {
  if (event.keyCode >= 48 && event.keyCode <= 57) {  // only add slash for numeric keys
    event.preventDefault();
    input.value = addSlash(input.value);
  }
});

// function for adding colon every 4 digits
function addColon(input) {
  if (input.length % 4 === 0) {
    return input + ':';
  }
  return input;
}

input.addEventListener('keydown', (event) => {
  if (event.keyCode >= 48 && event.keyCode <= 57) {  // only add colon for numeric keys
    event.preventDefault();
    input.value = addColon(input.value);
  }
});

 

[LocalHost 8080]

Ayy may kulang akong nalagay wait revise ko

const input = document.getElementById('input');

// function for adding slash every 2 digits
function addSlash(input) {
  if (input.length % 2 === 0) {
    return input + '/';
  }
  return input;
}

input.addEventListener('keydown', (event) => {
  if (event.keyCode >= 48 && event.keyCode <= 57) {  // only add slash for numeric keys
    event.preventDefault();
    input.value = addSlash(input.value);
  }
});

// function for adding colon every 4 digits
function addColon(input) {
  if (input.length % 4 === 0) {
    return input + ':';
  }
  return input;
}

input.addEventListener('keydown', (event) => {
  if (event.keyCode >= 48 && event.keyCode <= 57) {  // only add colon for numeric keys
    event.preventDefault();
    input.value = addColon(input.value);
  }
});

wala kang replace idol