unable to add custom js script in child theme

Question

i need to add a custom script in my child theme in wordpress.

This is the content of my child theme :

themes    
  |meteorite
    |style.css
  |meteorite-child
    |function.php
    |style.css
    |js
      |mngclk.js

my function.php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles()
{
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}

wp_register_script( 'new-script', get_stylesheet_directory_uri() . '/js/mngclk.js', 'jquery', "1", true);

wp_enqueue_script( 'new-script' );

I tried multiple change but i did not manage to inclute my custom js script

Answer 1

This is the proper example

function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

Follow this link for more info

enter link description here

Answer 2

add below function in child theme function.php

function add_child_theme_scripts() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css', array(), '1.0' );
    /* wp_enqueue_script( 'new-script', get_stylesheet_directory_uri() . '/js/mngclk.js', array('jquery'), '1.0', true ); */
}
add_action( 'wp_enqueue_scripts', 'add_child_theme_scripts' );

add below function in child theme function.php file

<?php
function myscript() {
?>
<script type="text/javascript">
   function mngClk(str){
        document.location.href= decodeURIComponent(escape(window.atob(str)));
    }
</script>
<?php
}
add_action( 'wp_footer', 'myscript' );
?>