Form input telefon jadi slider

// tukar phone di page pendaftaran jadi slider 
add_action('template_redirect', 'are_we_home_yet', 10);
function are_we_home_yet(){
	global $post;

	
	if ($post->ID == '1164') { //tambah syer
		?>
		<script>

		document.onreadystatechange = function () {
			if (document.readyState == "interactive") {
				document.querySelector("#billing_first_name").readOnly = true; 
				document.querySelector("#billing_phone").readOnly = true; 
				document.querySelector("#billing_email").readOnly = true; 
			}

		}

		</script>
		<?php

	}
	
    if ($post->ID == '1127') {

        ?>
		<script>

document.onreadystatechange = function () {
    if (document.readyState == "interactive") {

		document.querySelector("#billing_phone").parentNode.innerHTML = 'Contoh: 601137436150<br><input id="billing_phone_range" type="range" value="24" min="0" max="999999999999" oninput="luqmanrange()"><input type="tel" class="input-text thwcfe-input-field" name="billing_phone" id="billing_phone" placeholder="" value="" readonly>';
	
		// document.querySelector("#billing_phone").parentNode.innerHTML = 'Contoh: 601137436150<br><input type="range" value="24" min="0" max="999999999999" oninput="this.nextElementSibling.value = this.value"><output>24</output>';
	
// 		<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
// <input type="text" id="textInput" value="">
		//  console.log(target);
		
    }

	

	
}

		function luqmanrange(){
			var x = document.getElementById("billing_phone_range").value;
			document.getElementById("billing_phone").value = x;
		}
		
	

		</script>


		<?php
    }
}