I want to call a python function from javascript in brython but it doesn't work. Who can help me ?

<!-- HTML CODE -->

    <input type="text" id="height2" />
    <br />
    <br />
    <input type="text" id="width2" />
    <br />
    <br />
    <input type="text" id="color2" />
    <br />
    <br />
    <button onclick="draw_js_2()">Draw</button>
    <div id="shap2"></div>

// javascript CODE

function draw_js_2() {
    var height2 = parseInt(document.getElementById('height2').value);
    var width2 = parseInt(document.getElementById('width2').value);
    var color2 = document.getElementById('color2').value;

    // call the python function
    draw_br_2(height2, width2, color2);
}

# PYTHON CODE


shap2 = document['shap2']

def draw_br_2(height2, width2, color2):
    shap2.attrs['style'] = f"background-color: {color2}"
    shap2.height = height2
    shap2.width = width2

window.draw_br_2 = draw_br_2

I want to get the data from template by javascript and passing them to a python function to draw a square. but it doesn't work! i don't know why ? please help me ! Thanks