Как написать условие в JS для класса?

Question

[Brendan Castaneda]

Помогите пожалуйста, я собрал этот код из того, что нашёл в интернете, но тут что-то не работает..
Нужно условие написанное в JS
Когда у класса .link-box1 значение height => 50%
Тогда у другого класса .btn-box1 добавляется значение display: flex

$(function() {
    width = $(".link-box1").width();
    if (width => 50 % ) { $(".btn-box1").css('display', 'flex'); }
});

Comments

[Eugene Chefranov]

жесть)

[Александр]

50% чего?

[Алексей Уколов]

значение height => 50%

width = $(".link-box1").width();

50 %Это, как минимум, синтаксическая ошибка, не говоря уже про остальную логику.

[Brendan Castaneda]

Eugene Chefranov, Я не знаю JS если ты знаешь как написать подобное, помоги.
Вообще тут используется Jquery

[Brendan Castaneda]

Александр, Я пытался на Jquery сделать 'это
height ровна или больше 50%

[Александр]

Brendan Castaneda, 50% от чего? %, если Вы не знали, высчитываются от другой величины, иначе они никак не меняются, и их нельзя посчитать.

[Brendan Castaneda]

Алексей Уколов, Возможно, я не разбираюсь в JS
Я собрал из разных кусков кода..
Из этого и из этого, там в самом низу

[Eugene Chefranov]

facepalm

[Brendan Castaneda]

Александр, У класса изначально высота 50px при подключении свойства hover его высота увеличивается до 100%
Так вот при увеличении этой высоты. Т.Е. когда она достигает значения 50% и выше..
Другому классу присваивалось свойство display: flex
У меня сейчас висит всё это на hover, но там задержку появления свойства display: flex не поставить..
Мне не нужно что-бы он сразу появлялся, а только на середине. Так как это всё замедленно свойством transistion

[Brendan Castaneda]

Eugene Chefranov, Если это easy помоги тогда..

[Robur]

Brendan Castaneda, А вы JS уже изучаете или просто что-то хотите слепить, а изучать его не планируете?
собирать "из кусков в гугле" гиблая затея. Но вы можете погуглить код который сразу делает то что вам нужно и скопировать его целиком.

[Brendan Castaneda]

Robur, Планирую изучать. Но сейчас нужно просто слепить. Что-бы смотрелось в макете нормально.
Да уже гуглил похожий код, но так и не нашёл его..
Есть что-то тут кусок того что мне нужно, что-то там. И вот похожим образом я пытался слепить )

[2CHEVSKII]

Brendan Castaneda, ну так сначала изучите, а потом лепите, сколько угодно.

[Robur]

Brendan Castaneda, если вам это нужно но пока вы не умеете сами - то попросите помощи того кто умеет. Только это не подходящий ресурс тут такие вопросы-"сделайте мне вот это, кому не сложно" не любят, и помимо этого они даже запрещены правилами.
Хотя может найтись добрый человек, может вам и повезет.

Answer 1

[Light Chat]

Правильней делать подобное через стили, добавив определенное условие - ширина экрана или класс..
Чтобы проверить через js используйте код ниже

if(($('.a').width()*2)>=$('.a').parent().width()){
$('.b').text('Right');
}

Codepen