Как заставить кнопку отображать определенную картинку?

Question

Как заставить кнопку отображать определенную картинку?

Исправить ошибки с первым ответом:

def longestSubstringFinder(string1, string2):
    answer = ""
    len1, len2 = len(string1), len(string2)
    for i in range(len1):
        for j in range(len2):
            lcs_temp=0
            match=''
            while ((i+lcs_temp < len1) and (j+lcs_temp<len2) and string1[i+lcs_temp] == string2[j+lcs_temp]):
                match += string2[j+lcs_temp]
                lcs_temp+=1
            if (len(match) > len(answer)):
                answer = match
    return answer

print longestSubstringFinder("dd apple pie available", "apple pies")
print longestSubstringFinder("cov_basic_as_cov_x_gt_y_rna_genes_w1000000", "cov_rna15pcs_as_cov_x_gt_y_rna_genes_w1000000")
print longestSubstringFinder("bapples", "cappleses")
print longestSubstringFinder("apples", "apples")

0

button

задан Idan 2 March 2019 в 21:37

1 ответ

Другие вопросы по тегам:

button

Похожие вопросы:

score 0 · Answer 1

Есть много способов достичь этого. Приведенное ниже решение использует onclick в сочетании с data-*, чтобы указать, какое изображение кнопка должна показать или скрыть. Кроме того, видимость требует отображения CSS-класса «visible» (старайтесь избегать стилизации непосредственно в атрибуте style).

Когда должно быть показано изображение, существующее видимое изображение должно быть невидимым. Вы можете либо сохранить, какой из них показан, и удалить только класс из этого элемента - или, как я это сделал, удалив его из всех изображений.

Чтобы получить кнопку, которую мы нажали, this передается функции в onclick=myclick(this). Это означает, что мы можем получить доступ к атрибутам нажатых кнопок, в частности к data-href="dog". Это доступно как element.dataset.href.

var dog = document.getElementById("dog");
var cat = document.getElementById("cat");

function myclick(element) {
    dog.classList.remove("visible");
    cat.classList.remove("visible");
    document.getElementById(element.dataset.href).classList.add("visible");
}

.myimage {
    display: none;
}

.visible {
    display: block;
}

<!doctype html>
<html>
    <head>
        <title> Just Two Buttons </title>
    </head>
    <body>
        <h1><center> Pick a button! </center></h1>
        <img class="myimage" id="dog" src="https://i.ibb.co/x24nhsc/dog-image.jpg">
        <img class="myimage visible" id="cat" src="https://i.ibb.co/CsGsxJ5/cat-217679.jpg">
        <button onclick="myclick(this)" data-href="dog"> Woof! </button>
        <button onclick="myclick(this)" data-href="cat"> Meow! </button>
    </body>
</html>